igniteui-webcomponents-grids 4.0.4 → 4.2.3-alpha

package/esm2015/lib/FilterCell.js

@@ -42,6 +42,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             this.cx = null;
             this.c7 = null;
             this.ch = null;
+            this.d6 = null;
             this.c4 = a.createElement("div");
             this.c4.setStyleProperty("display", "flex");
             this.c4.setStyleProperty("flex-direction", "row");
@@ -51,7 +52,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             this.c6 = a.createElement("div");
             this.c2 = a.getSubRenderer(this.c6);
             this.ck = new ComparisonOperatorSelector();
-            this.ck.ee(this.c2);
+            this.ck.ej(this.c2);
             this.c6.setStyleProperty("width", "24px");
             this.c6.setStyleProperty("height", "24px");
             this.c4.append(this.c6);
@@ -65,7 +66,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             this.cw = new XIcon();
             this.cw.provideContainer(a.getSubRenderer(this.c5));
             this.c4.append(this.c5);
-            this.dn();
+            this.dp();
         }
         cs(a) {
             switch (this.cm) {
@@ -88,30 +89,30 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 default: return null;
             }
         }
-        d0() {
+        d1() {
             this.c3.removeChildren();
         }
-        dl() {
+        dm() {
             this.c3.append(this.cr.container);
         }
-        dt() {
+        du() {
             if (this.ae.getChildCount() == 0) {
                 this.ae.append(this.c4);
             }
         }
-        dr() {
+        ds() {
             if (this.ae.getChildCount() > 0) {
                 this.ae.removeChildren();
             }
         }
         bp(a, b, c) {
             super.bp(a, b, c);
-            this.dz(a, b, c);
+            this.d0(a, b, c);
         }
         bo() {
-            this.dx();
+            this.dy();
         }
-        d1(a, b, c, d) {
+        d2(a, b, c, d) {
             if (this.d != null) {
                 let e = this.c6.getNativeElement();
                 this.d.update("SelectorTop", (e.offsetTop));
@@ -124,17 +125,17 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.d.update("ClearIconLeft", (g.offsetLeft));
             }
         }
-        dn() {
+        dp() {
             let a = this.ck;
-            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dy));
+            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dz));
             this.cw.svgPath = FilterCell.c9;
-            this.d3(false);
+            this.d4(false);
             let b = this.cw;
-            b.clicked = delegateCombine(b.clicked, runOn(this, this.dm));
+            b.clicked = delegateCombine(b.clicked, runOn(this, this.dn));
         }
-        dx() {
+        dy() {
             if (this.cr == null) {
-                this.ds();
+                this.dt();
             }
         }
         cn() {
@@ -174,7 +175,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             if (this.ck.b == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    let b = this.cq._inner[this.ck.w];
+                    let b = this.cq._inner[this.ck.x];
                     switch (b.b) {
                         case 0:
                         case 1:
@@ -191,26 +192,26 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        d3(a) {
+        d4(a) {
             if (this.cw != null) {
                 this.cw.disabled = !a;
-                this.cw.x = a ? 1 : 0.3;
+                this.cw.z = a ? 1 : 0.3;
             }
         }
-        dh(a) {
+        di(a) {
             if (!this.cz) {
                 return;
             }
             if (this.ck.b == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    this.b.applyCustomFilter(this.ck.ac, this.ck.w, a);
+                    this.b.applyCustomFilter(this.ck.ae, this.ck.x, a);
                 }
             }
             else {
                 this.b.applyFilter(this.ck.b, a);
             }
         }
-        di() {
+        dj() {
             if (!this.cz) {
                 return;
             }
@@ -218,32 +219,37 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.b.clearFilter();
             }
         }
-        dz(a, b, c) {
+        d0(a, b, c) {
             switch (a) {
                 case "DataType":
-                    this.dq();
+                    this.dr();
                     break;
                 case "EditorType":
-                    this.ds();
+                    this.dt();
                     break;
                 case "FontInfo":
-                    this.dw();
+                    this.dx();
                     break;
                 case "Filter":
-                    this.du();
+                    this.dv();
                     break;
                 case "FilterOperands":
-                    this.dp();
+                    this.dq();
                     break;
                 case "FilterValue":
-                    this.dv();
+                    this.dw();
                     break;
                 case "IsEditorEnabled":
                     this.cr.isEnabled = this.c1;
                     break;
+                case "TextColor":
+                    this.ck.eq = this.d7;
+                    this.cw.fill = this.d7;
+                    this.cr.textColor = this.d7;
+                    break;
             }
         }
-        du() {
+        dv() {
             this.cz = false;
             if (this.cr != null) {
                 if (this.ci != null) {
@@ -264,7 +270,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
                     }
                     else if (typeCast(ColumnCustomFilterCondition.$, this.ci) !== null) {
                         let c = typeCast(ColumnCustomFilterCondition.$, this.ci);
-                        this.ck.ef(c.id, c.d);
+                        this.ck.ek(c.id, c.d);
                         let d = this.cr.getEditorValue();
                         if (d != null) {
                             if (!Base.equalsStatic(d, c.e)) {
@@ -294,37 +300,37 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             this.cz = true;
         }
-        dp() {
-            this.ck.d4();
+        dq() {
+            this.ck.d7();
             for (let a = 0; a < this.cq.count; a++) {
-                this.ck.dy(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
+                this.ck.d1(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
             }
         }
-        dq() {
+        dr() {
             if (this.cj == 11) {
                 this.c1 = false;
             }
             this.cm = this.cn();
         }
-        dv() {
-            this.d3(this.c8 != null);
+        dw() {
+            this.d4(this.c8 != null);
             if (this.c8 == null || Base.equalsStatic(this.c8, "")) {
-                this.di();
+                this.dj();
             }
             else {
-                this.dh(this.c8);
+                this.di(this.c8);
             }
             if (this.d != null) {
                 this.d.update("FilterValue", this.c8);
             }
         }
-        ds() {
+        dt() {
             if (this.cr != null) {
                 this.cr.detachEvents();
                 let a = this.cr;
-                a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d2));
+                a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d3));
             }
-            this.d0();
+            this.d1();
             this.cr = this.cs(this.cm);
             this.cr.onEditStarted();
             if (this.cr != null) {
@@ -334,19 +340,19 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.cr.focusOnValueChanged = false;
                 this.cr.showClearButton = false;
                 let b = this.cr;
-                b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d2));
-                this.dl();
+                b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d3));
+                this.dm();
             }
-            this.dm(null, null);
+            this.dn(null, null);
         }
-        dw() {
+        dx() {
             if (this.cy != null) {
                 if (this.cr != null) {
                     this.cr.setFont(this.cy);
                 }
             }
         }
-        dy(a, b) {
+        dz(a, b) {
             this.cm = this.cn();
             switch (b.newValue) {
                 case 40:
@@ -386,30 +392,30 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             if (b.newValue == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    let c = this.cq._inner[this.ck.w];
+                    let c = this.cq._inner[this.ck.x];
                     this.c1 = c.d;
                 }
             }
             if (!this.c1) {
-                this.dh(null);
-                this.d3(true);
+                this.di(null);
+                this.d4(true);
             }
             else if (this.c8 != null && !Base.equalsStatic(this.c8, "")) {
-                this.dh(this.c8);
+                this.di(this.c8);
             }
             else {
-                this.di();
-                this.d3(false);
+                this.dj();
+                this.d4(false);
             }
             if (this.d != null) {
                 this.d.update("OperatorType", enumGetBox(ColumnComparisonConditionOperatorType_$type, this.ck.b));
             }
         }
-        dm(a, b) {
+        dn(a, b) {
             if (b != null) {
                 if (!this.c1) {
                     this.ck.b = 0;
-                    this.di();
+                    this.dj();
                 }
             }
             this.c8 = null;
@@ -418,7 +424,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.cr.value = null;
             }
         }
-        d2(a, b, c) {
+        d3(a, b, c) {
             if (this.cm == 2) {
                 if (typeof b === 'string') {
                     let d;
@@ -429,8 +435,8 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             this.c8 = b;
         }
-        d4(a, b, c, d) {
-            this.d1(a, b, c, d);
+        d5(a, b, c, d) {
+            this.d2(a, b, c, d);
         }
         co(a, b) {
             if (a != null) {
@@ -445,11 +451,11 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        dk() {
-            this.dt();
+        dl() {
+            this.du();
         }
-        dj() {
-            this.dr();
+        dk() {
+            this.ds();
         }
         get cj() {
             return this.ck.d;
@@ -521,6 +527,16 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.bp("Filter", b, this.ch);
             }
         }
+        get d7() {
+            return this.d6;
+        }
+        set d7(a) {
+            let b = this.d6;
+            this.d6 = a;
+            if (b != this.d6) {
+                this.bp("TextColor", b, this.d6);
+            }
+        }
     }
     FilterCell.$t = /*@__PURE__*/ markType(FilterCell, 'FilterCell', GridCellBase.$);
     FilterCell.c9 = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";

package/esm2015/lib/FilterCellPresenter.js

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

package/esm2015/lib/GridColumnFilterOptionsView_combined.js

@@ -261,7 +261,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
             this.bc("TextFilterCaption", b, this.cf);
         }
         cu() {
-            let a = this.bx.aj();
+            let a = this.bx.al();
             this.bw.al(!a);
             let b = this.b3();
             this.bw.am(b);
@@ -379,7 +379,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
                     }
                 }
                 this.bx.itemsSource = e;
-                this.bx.a4 = c;
+                this.bx.bc = c;
                 this.bx.b = [c];
                 e.shouldEmitSectionHeaders = true;
                 e.isSectionHeaderNormalRow = true;
@@ -424,15 +424,15 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
                 }
             }
             if (e.count == 0 || !c) {
-                this.bx.cl();
+                this.bx.cy();
                 return;
             }
             switch (d.value) {
                 case 0:
-                    this.bx.bw();
+                    this.bx.b9();
                     break;
                 case 1:
-                    this.bx.cl();
+                    this.bx.cy();
                     break;
             }
             let h = this.bx.g;
@@ -474,9 +474,9 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
         cw() {
             if (null != this.bx) {
                 this.bx.aa = this.b0;
-                this.bx.a8 = this.cc;
-                this.bx.cw = this.bo;
-                this.bx.c2 = this.br;
+                this.bx.bg = this.cc;
+                this.bx.di = this.bo;
+                this.bx.dy = this.br;
                 this.bx.y = this.i;
                 this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
             }

package/esm2015/lib/GridColumnOptionsView_combined.js

@@ -13,6 +13,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";
@@ -208,6 +209,8 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
             this.b5 = 0;
             this.b3 = 0;
             this.d0 = null;
+            this.fk = BrushUtil.g(255, 24, 29, 31);
+            this.fj = BrushUtil.g(255, 248, 248, 248);
             this.applyButtonClick = null;
             this.cancelButtonClick = null;
         }
@@ -238,14 +241,14 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
             if (null != this.b2) {
                 this.b2.column = a;
             }
-            this.fg();
+            this.fi();
         }
         bb(a, b) {
             super.bb(a, b);
             switch (b.propertyName) {
                 case "HeaderClickAction":
                 case "ColumnMovingMode":
-                    this.fg();
+                    this.fi();
                     break;
             }
         }
@@ -262,7 +265,7 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
                 case "PaddingRight":
                 case "PaddingBottom":
                 case "PaddingLeft":
-                    this.fg();
+                    this.fi();
                     break;
                 case "ActualLabelTextStyle":
                 case "ActualBaseTheme":
@@ -273,13 +276,13 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
                 case "ActualSummaryListDensity":
                 case "BackgroundColor":
                 case "TextColor":
-                    this.fe();
+                    this.fg();
                     break;
                 case "ColumnNameTextStyle":
-                    this.ff();
+                    this.fh();
                     break;
                 case "ActualColumnNameTextStyle":
-                    this.fg();
+                    this.fi();
                     break;
                 case "FilterListDensity":
                     this.b7 = this.filterListDensity == 0 ? this.q : this.filterListDensity;
@@ -289,7 +292,7 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        fg() {
+        fi() {
             this.bz.m();
         }
         get dx() {
@@ -701,6 +704,26 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
             }
             this.bc("FilterListPlaceholderText", b, this.d0);
         }
+        get fm() {
+            return this.fk;
+        }
+        set fm(a) {
+            let b = this.fk;
+            this.fk = a;
+            if (b != this.fk) {
+                this.bc("SummaryListTextColor", b, this.fk);
+            }
+        }
+        get fl() {
+            return this.fj;
+        }
+        set fl(a) {
+            let b = this.fj;
+            this.fj = a;
+            if (b != this.fj) {
+                this.bc("SummaryListBackground", b, this.fj);
+            }
+        }
         notifySizeChanged() {
             this.e.j();
         }
@@ -726,37 +749,37 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
             this.bv.b7 = this.dv;
             this.bv.cc = this.d1;
             let t = this.b1;
-            t.propertyChanged = delegateCombine(t.propertyChanged, runOn(this, this.e9));
+            t.propertyChanged = delegateCombine(t.propertyChanged, runOn(this, this.fb));
             let u = this.by;
-            u.propertyChanged = delegateCombine(u.propertyChanged, runOn(this, this.e9));
+            u.propertyChanged = delegateCombine(u.propertyChanged, runOn(this, this.fb));
             let v = this.b0;
-            v.propertyChanged = delegateCombine(v.propertyChanged, runOn(this, this.e9));
+            v.propertyChanged = delegateCombine(v.propertyChanged, runOn(this, this.fb));
             let w = this.bx;
-            w.propertyChanged = delegateCombine(w.propertyChanged, runOn(this, this.e9));
+            w.propertyChanged = delegateCombine(w.propertyChanged, runOn(this, this.fb));
             let x = this.bw;
-            x.propertyChanged = delegateCombine(x.propertyChanged, runOn(this, this.e9));
+            x.propertyChanged = delegateCombine(x.propertyChanged, runOn(this, this.fb));
             let y = this.bv;
-            y.propertyChanged = delegateCombine(y.propertyChanged, runOn(this, this.e9));
+            y.propertyChanged = delegateCombine(y.propertyChanged, runOn(this, this.fb));
             this.b2 = r;
             this.bu = s;
             this.bu.bz = this.dp;
             this.bu.b3 = this.ds;
             let z = this.bu;
-            z.applyButtonClick = delegateCombine(z.applyButtonClick, runOn(this, this.fb));
+            z.applyButtonClick = delegateCombine(z.applyButtonClick, runOn(this, this.fd));
             let aa = this.bu;
-            aa.cancelButtonClick = delegateCombine(aa.cancelButtonClick, runOn(this, this.fc));
-            this.ff();
+            aa.cancelButtonClick = delegateCombine(aa.cancelButtonClick, runOn(this, this.fe));
+            this.fh();
             this.bl();
             this.bi();
-            this.fe();
+            this.fg();
         }
         d5() {
             return stringFormat1("{0}px {1}px {2}px {3}px", this.dj.toString(), this.di.toString(), this.dg.toString(), this.dh.toString());
         }
-        ff() {
+        fh() {
             this.cf = (null == this.cg) ? this.ci : this.cg;
         }
-        fe() {
+        fg() {
             let a = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2, this.bu];
             for (let c = 0; c < a.length; c++) {
                 let b = a[c];
@@ -778,9 +801,11 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
             }
             if (null != this.b2) {
                 this.b2.b5 = this.b8;
+                this.b2.cv = this.fm;
+                this.b2.cu = this.fl;
             }
         }
-        fb(a, b) {
+        fd(a, b) {
             let c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
             for (let e = 0; e < c.length; e++) {
                 let d = c[e];
@@ -790,7 +815,7 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
                 this.applyButtonClick(this, b);
             }
         }
-        fc(a, b) {
+        fe(a, b) {
             let c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
             for (let e = 0; e < c.length; e++) {
                 let d = c[e];
@@ -800,7 +825,7 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
                 this.cancelButtonClick(this, b);
             }
         }
-        e9(a, b) {
+        fb(a, b) {
             switch (b.propertyName) {
             }
         }