igniteui-webcomponents-grids 4.2.2 → 4.2.3-alpha

package/esm5/lib/FilterCell.js

@@ -43,6 +43,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.cx = null;
         _this.c7 = null;
         _this.ch = null;
+        _this.d6 = null;
         _this.c4 = a.createElement("div");
         _this.c4.setStyleProperty("display", "flex");
         _this.c4.setStyleProperty("flex-direction", "row");
@@ -52,7 +53,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.c6 = a.createElement("div");
         _this.c2 = a.getSubRenderer(_this.c6);
         _this.ck = new ComparisonOperatorSelector();
-        _this.ck.ee(_this.c2);
+        _this.ck.ej(_this.c2);
         _this.c6.setStyleProperty("width", "24px");
         _this.c6.setStyleProperty("height", "24px");
         _this.c4.append(_this.c6);
@@ -66,7 +67,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.cw = new XIcon();
         _this.cw.provideContainer(a.getSubRenderer(_this.c5));
         _this.c4.append(_this.c5);
-        _this.dn();
+        _this.dp();
         return _this;
     }
     FilterCell.prototype.cs = function (a) {
@@ -90,30 +91,30 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
             default: return null;
         }
     };
-    FilterCell.prototype.d0 = function () {
+    FilterCell.prototype.d1 = function () {
         this.c3.removeChildren();
     };
-    FilterCell.prototype.dl = function () {
+    FilterCell.prototype.dm = function () {
         this.c3.append(this.cr.container);
     };
-    FilterCell.prototype.dt = function () {
+    FilterCell.prototype.du = function () {
         if (this.ae.getChildCount() == 0) {
             this.ae.append(this.c4);
         }
     };
-    FilterCell.prototype.dr = function () {
+    FilterCell.prototype.ds = function () {
         if (this.ae.getChildCount() > 0) {
             this.ae.removeChildren();
         }
     };
     FilterCell.prototype.bp = function (a, b, c) {
         _super.prototype.bp.call(this, a, b, c);
-        this.dz(a, b, c);
+        this.d0(a, b, c);
     };
     FilterCell.prototype.bo = function () {
-        this.dx();
+        this.dy();
     };
-    FilterCell.prototype.d1 = function (a, b, c, d) {
+    FilterCell.prototype.d2 = function (a, b, c, d) {
         if (this.d != null) {
             var e = this.c6.getNativeElement();
             this.d.update("SelectorTop", (e.offsetTop));
@@ -126,17 +127,17 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d.update("ClearIconLeft", (g.offsetLeft));
         }
     };
-    FilterCell.prototype.dn = function () {
+    FilterCell.prototype.dp = function () {
         var a = this.ck;
-        a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dy));
+        a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dz));
         this.cw.svgPath = FilterCell.c9;
-        this.d3(false);
+        this.d4(false);
         var b = this.cw;
-        b.clicked = delegateCombine(b.clicked, runOn(this, this.dm));
+        b.clicked = delegateCombine(b.clicked, runOn(this, this.dn));
     };
-    FilterCell.prototype.dx = function () {
+    FilterCell.prototype.dy = function () {
         if (this.cr == null) {
-            this.ds();
+            this.dt();
         }
     };
     FilterCell.prototype.cn = function () {
@@ -176,7 +177,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (this.ck.b == 44) {
             if (this.cq != null && this.cq.count > 0) {
-                var b = this.cq._inner[this.ck.w];
+                var b = this.cq._inner[this.ck.x];
                 switch (b.b) {
                     case 0:
                     case 1:
@@ -193,26 +194,26 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return a;
     };
-    FilterCell.prototype.d3 = function (a) {
+    FilterCell.prototype.d4 = function (a) {
         if (this.cw != null) {
             this.cw.disabled = !a;
             this.cw.z = a ? 1 : 0.3;
         }
     };
-    FilterCell.prototype.dh = function (a) {
+    FilterCell.prototype.di = function (a) {
         if (!this.cz) {
             return;
         }
         if (this.ck.b == 44) {
             if (this.cq != null && this.cq.count > 0) {
-                this.b.applyCustomFilter(this.ck.ac, this.ck.w, a);
+                this.b.applyCustomFilter(this.ck.ae, this.ck.x, a);
             }
         }
         else {
             this.b.applyFilter(this.ck.b, a);
         }
     };
-    FilterCell.prototype.di = function () {
+    FilterCell.prototype.dj = function () {
         if (!this.cz) {
             return;
         }
@@ -220,32 +221,37 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
             this.b.clearFilter();
         }
     };
-    FilterCell.prototype.dz = function (a, b, c) {
+    FilterCell.prototype.d0 = function (a, b, c) {
         switch (a) {
             case "DataType":
-                this.dq();
+                this.dr();
                 break;
             case "EditorType":
-                this.ds();
+                this.dt();
                 break;
             case "FontInfo":
-                this.dw();
+                this.dx();
                 break;
             case "Filter":
-                this.du();
+                this.dv();
                 break;
             case "FilterOperands":
-                this.dp();
+                this.dq();
                 break;
             case "FilterValue":
-                this.dv();
+                this.dw();
                 break;
             case "IsEditorEnabled":
                 this.cr.isEnabled = this.c1;
                 break;
+            case "TextColor":
+                this.ck.eq = this.d7;
+                this.cw.fill = this.d7;
+                this.cr.textColor = this.d7;
+                break;
         }
     };
-    FilterCell.prototype.du = function () {
+    FilterCell.prototype.dv = function () {
         this.cz = false;
         if (this.cr != null) {
             if (this.ci != null) {
@@ -266,7 +272,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 else if (typeCast(ColumnCustomFilterCondition.$, this.ci) !== null) {
                     var c = typeCast(ColumnCustomFilterCondition.$, this.ci);
-                    this.ck.ef(c.id, c.d);
+                    this.ck.ek(c.id, c.d);
                     var d = this.cr.getEditorValue();
                     if (d != null) {
                         if (!Base.equalsStatic(d, c.e)) {
@@ -296,37 +302,37 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.cz = true;
     };
-    FilterCell.prototype.dp = function () {
-        this.ck.d4();
+    FilterCell.prototype.dq = function () {
+        this.ck.d7();
         for (var a = 0; a < this.cq.count; a++) {
-            this.ck.dy(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
+            this.ck.d1(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
         }
     };
-    FilterCell.prototype.dq = function () {
+    FilterCell.prototype.dr = function () {
         if (this.cj == 11) {
             this.c1 = false;
         }
         this.cm = this.cn();
     };
-    FilterCell.prototype.dv = function () {
-        this.d3(this.c8 != null);
+    FilterCell.prototype.dw = function () {
+        this.d4(this.c8 != null);
         if (this.c8 == null || Base.equalsStatic(this.c8, "")) {
-            this.di();
+            this.dj();
         }
         else {
-            this.dh(this.c8);
+            this.di(this.c8);
         }
         if (this.d != null) {
             this.d.update("FilterValue", this.c8);
         }
     };
-    FilterCell.prototype.ds = function () {
+    FilterCell.prototype.dt = function () {
         if (this.cr != null) {
             this.cr.detachEvents();
             var a = this.cr;
-            a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d2));
+            a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d3));
         }
-        this.d0();
+        this.d1();
         this.cr = this.cs(this.cm);
         this.cr.onEditStarted();
         if (this.cr != null) {
@@ -336,19 +342,19 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
             this.cr.focusOnValueChanged = false;
             this.cr.showClearButton = false;
             var b = this.cr;
-            b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d2));
-            this.dl();
+            b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d3));
+            this.dm();
         }
-        this.dm(null, null);
+        this.dn(null, null);
     };
-    FilterCell.prototype.dw = function () {
+    FilterCell.prototype.dx = function () {
         if (this.cy != null) {
             if (this.cr != null) {
                 this.cr.setFont(this.cy);
             }
         }
     };
-    FilterCell.prototype.dy = function (a, b) {
+    FilterCell.prototype.dz = function (a, b) {
         this.cm = this.cn();
         switch (b.newValue) {
             case 40:
@@ -388,30 +394,30 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (b.newValue == 44) {
             if (this.cq != null && this.cq.count > 0) {
-                var c = this.cq._inner[this.ck.w];
+                var c = this.cq._inner[this.ck.x];
                 this.c1 = c.d;
             }
         }
         if (!this.c1) {
-            this.dh(null);
-            this.d3(true);
+            this.di(null);
+            this.d4(true);
         }
         else if (this.c8 != null && !Base.equalsStatic(this.c8, "")) {
-            this.dh(this.c8);
+            this.di(this.c8);
         }
         else {
-            this.di();
-            this.d3(false);
+            this.dj();
+            this.d4(false);
         }
         if (this.d != null) {
             this.d.update("OperatorType", enumGetBox(ColumnComparisonConditionOperatorType_$type, this.ck.b));
         }
     };
-    FilterCell.prototype.dm = function (a, b) {
+    FilterCell.prototype.dn = function (a, b) {
         if (b != null) {
             if (!this.c1) {
                 this.ck.b = 0;
-                this.di();
+                this.dj();
             }
         }
         this.c8 = null;
@@ -420,7 +426,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
             this.cr.value = null;
         }
     };
-    FilterCell.prototype.d2 = function (a, b, c) {
+    FilterCell.prototype.d3 = function (a, b, c) {
         if (this.cm == 2) {
             if (typeof b === 'string') {
                 var d_1;
@@ -431,8 +437,8 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.c8 = b;
     };
-    FilterCell.prototype.d4 = function (a, b, c, d) {
-        this.d1(a, b, c, d);
+    FilterCell.prototype.d5 = function (a, b, c, d) {
+        this.d2(a, b, c, d);
     };
     FilterCell.prototype.co = function (a, b) {
         if (a != null) {
@@ -447,11 +453,11 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return null;
     };
-    FilterCell.prototype.dk = function () {
-        this.dt();
+    FilterCell.prototype.dl = function () {
+        this.du();
     };
-    FilterCell.prototype.dj = function () {
-        this.dr();
+    FilterCell.prototype.dk = function () {
+        this.ds();
     };
     Object.defineProperty(FilterCell.prototype, "cj", {
         get: function () {
@@ -551,6 +557,20 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(FilterCell.prototype, "d7", {
+        get: function () {
+            return this.d6;
+        },
+        set: function (a) {
+            var b = this.d6;
+            this.d6 = a;
+            if (b != this.d6) {
+                this.bp("TextColor", b, this.d6);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     FilterCell.$t = markType(FilterCell, 'FilterCell', GridCellBase.$);
     FilterCell.c9 = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
     return FilterCell;

package/esm5/lib/FilterCellPresenter.js

@@ -45,16 +45,19 @@ var FilterCellPresenter = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (b.a3(FilterCellModel.l5)) {
                 if (b.lu) {
-                    this.d.dk();
+                    this.d.dl();
                 }
                 else {
-                    this.d.dj();
+                    this.d.dk();
                 }
             }
+            if (b.a3(FilterCellModel.eg)) {
+                this.d.d7 = b.k2;
+            }
         }
         if (a.be || a.bj) {
             if (b.a3(FilterCellModel.gw) || b.a3(FilterCellModel.gx) || b.a3(FilterCellModel.gv) || b.a3(FilterCellModel.fd)) {
-                this.d.d4(b.cl, b.cm, b.gu, b.fc);
+                this.d.d5(b.cl, b.cm, b.gu, b.fc);
             }
         }
     };

package/esm5/lib/GridColumnOptionsView_combined.js

@@ -14,6 +14,7 @@ import { StringComparer } from "igniteui-webcomponents-core";
 import { GridColumnOptionsSimpleSectionBase } from "./GridColumnOptionsSimpleSectionBase";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { DeviceUtils } from "igniteui-webcomponents-core";
+import { BrushUtil } from "igniteui-webcomponents-core";
 import { truncate } from "igniteui-webcomponents-core";
 import { stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
 import { stringFormat1 } from "igniteui-webcomponents-core";
@@ -214,6 +215,8 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.b5 = 0;
         _this.b3 = 0;
         _this.d0 = null;
+        _this.fk = BrushUtil.g(255, 24, 29, 31);
+        _this.fj = BrushUtil.g(255, 248, 248, 248);
         _this.applyButtonClick = null;
         _this.cancelButtonClick = null;
         return _this;
@@ -245,14 +248,14 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         if (null != this.b2) {
             this.b2.column = a;
         }
-        this.fg();
+        this.fi();
     };
     GridColumnOptions.prototype.bb = function (a, b) {
         _super.prototype.bb.call(this, a, b);
         switch (b.propertyName) {
             case "HeaderClickAction":
             case "ColumnMovingMode":
-                this.fg();
+                this.fi();
                 break;
         }
     };
@@ -269,7 +272,7 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
             case "PaddingRight":
             case "PaddingBottom":
             case "PaddingLeft":
-                this.fg();
+                this.fi();
                 break;
             case "ActualLabelTextStyle":
             case "ActualBaseTheme":
@@ -280,13 +283,13 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ActualSummaryListDensity":
             case "BackgroundColor":
             case "TextColor":
-                this.fe();
+                this.fg();
                 break;
             case "ColumnNameTextStyle":
-                this.ff();
+                this.fh();
                 break;
             case "ActualColumnNameTextStyle":
-                this.fg();
+                this.fi();
                 break;
             case "FilterListDensity":
                 this.b7 = this.filterListDensity == 0 ? this.q : this.filterListDensity;
@@ -296,7 +299,7 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    GridColumnOptions.prototype.fg = function () {
+    GridColumnOptions.prototype.fi = function () {
         this.bz.m();
     };
     Object.defineProperty(GridColumnOptions.prototype, "dx", {
@@ -876,6 +879,34 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(GridColumnOptions.prototype, "fm", {
+        get: function () {
+            return this.fk;
+        },
+        set: function (a) {
+            var b = this.fk;
+            this.fk = a;
+            if (b != this.fk) {
+                this.bc("SummaryListTextColor", b, this.fk);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(GridColumnOptions.prototype, "fl", {
+        get: function () {
+            return this.fj;
+        },
+        set: function (a) {
+            var b = this.fj;
+            this.fj = a;
+            if (b != this.fj) {
+                this.bc("SummaryListBackground", b, this.fj);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     GridColumnOptions.prototype.notifySizeChanged = function () {
         this.e.j();
     };
@@ -901,37 +932,37 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         this.bv.b7 = this.dv;
         this.bv.cc = this.d1;
         var t = this.b1;
-        t.propertyChanged = delegateCombine(t.propertyChanged, runOn(this, this.e9));
+        t.propertyChanged = delegateCombine(t.propertyChanged, runOn(this, this.fb));
         var u = this.by;
-        u.propertyChanged = delegateCombine(u.propertyChanged, runOn(this, this.e9));
+        u.propertyChanged = delegateCombine(u.propertyChanged, runOn(this, this.fb));
         var v = this.b0;
-        v.propertyChanged = delegateCombine(v.propertyChanged, runOn(this, this.e9));
+        v.propertyChanged = delegateCombine(v.propertyChanged, runOn(this, this.fb));
         var w = this.bx;
-        w.propertyChanged = delegateCombine(w.propertyChanged, runOn(this, this.e9));
+        w.propertyChanged = delegateCombine(w.propertyChanged, runOn(this, this.fb));
         var x = this.bw;
-        x.propertyChanged = delegateCombine(x.propertyChanged, runOn(this, this.e9));
+        x.propertyChanged = delegateCombine(x.propertyChanged, runOn(this, this.fb));
         var y = this.bv;
-        y.propertyChanged = delegateCombine(y.propertyChanged, runOn(this, this.e9));
+        y.propertyChanged = delegateCombine(y.propertyChanged, runOn(this, this.fb));
         this.b2 = r;
         this.bu = s;
         this.bu.bz = this.dp;
         this.bu.b3 = this.ds;
         var z = this.bu;
-        z.applyButtonClick = delegateCombine(z.applyButtonClick, runOn(this, this.fb));
+        z.applyButtonClick = delegateCombine(z.applyButtonClick, runOn(this, this.fd));
         var aa = this.bu;
-        aa.cancelButtonClick = delegateCombine(aa.cancelButtonClick, runOn(this, this.fc));
-        this.ff();
+        aa.cancelButtonClick = delegateCombine(aa.cancelButtonClick, runOn(this, this.fe));
+        this.fh();
         this.bl();
         this.bi();
-        this.fe();
+        this.fg();
     };
     GridColumnOptions.prototype.d5 = function () {
         return stringFormat1("{0}px {1}px {2}px {3}px", this.dj.toString(), this.di.toString(), this.dg.toString(), this.dh.toString());
     };
-    GridColumnOptions.prototype.ff = function () {
+    GridColumnOptions.prototype.fh = function () {
         this.cf = (null == this.cg) ? this.ci : this.cg;
     };
-    GridColumnOptions.prototype.fe = function () {
+    GridColumnOptions.prototype.fg = function () {
         var a = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2, this.bu];
         for (var c = 0; c < a.length; c++) {
             var b = a[c];
@@ -953,9 +984,11 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (null != this.b2) {
             this.b2.b5 = this.b8;
+            this.b2.cv = this.fm;
+            this.b2.cu = this.fl;
         }
     };
-    GridColumnOptions.prototype.fb = function (a, b) {
+    GridColumnOptions.prototype.fd = function (a, b) {
         var c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
         for (var e = 0; e < c.length; e++) {
             var d = c[e];
@@ -965,7 +998,7 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
             this.applyButtonClick(this, b);
         }
     };
-    GridColumnOptions.prototype.fc = function (a, b) {
+    GridColumnOptions.prototype.fe = function (a, b) {
         var c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
         for (var e = 0; e < c.length; e++) {
             var d = c[e];
@@ -975,7 +1008,7 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
             this.cancelButtonClick(this, b);
         }
     };
-    GridColumnOptions.prototype.e9 = function (a, b) {
+    GridColumnOptions.prototype.fb = function (a, b) {
         switch (b.propertyName) {
         }
     };