igniteui-webcomponents-grids 4.2.2 → 4.2.3-alpha

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/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) {
             }
         }

package/esm2015/lib/GridColumnSummaryOptionsView_combined.js

@@ -13,6 +13,7 @@ import { runOn, markType, enumGetBox, delegateRemove, delegateCombine } from "ig
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { Rect } from "igniteui-webcomponents-core";
 import { GridColumnOptionsSectionBase } from "./GridColumnOptionsSectionBase";
+import { BrushUtil } from "igniteui-webcomponents-core";
 import { ColumnSummaryDescription } from "./ColumnSummaryDescription";
 import { stringFormat } from "igniteui-webcomponents-core";
 import { stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
@@ -41,18 +42,18 @@ export let GridColumnSummaryOptionsView = /*@__PURE__*/ (() => {
                 this.o = ((() => { let d = GridColumnOptionsUtilities.f(this.n, this.e, GridColumnSummaryOptionsView.r, 1, this.n.p, this.n.j, new Size(1, 24, 24), a, b, this.p, c, false, true); a = d.p7; b = d.p8; this.p = d.p9; c = d.p10; return d.ret; })());
                 c.setStyleProperty("transform", "rotate(-90deg)");
                 this.g.append(this.o);
-                this.n.ci(a);
+                this.n.ck(a);
             }
             if (this.n.bx == null) {
                 let d = new SummaryChooser();
                 d.a2(this.e);
-                this.n.cm(d);
+                this.n.co(d);
                 let e = this.e.createElement("div");
                 let f = this.e.getSubRenderer(e);
                 let g = new Popup();
                 g.provideRenderer(f);
                 g.appendPopupContent(d.c.container);
-                this.n.cj(g);
+                this.n.cl(g);
             }
             document.addEventListener("mousedown", runOn(this, this.s), false);
         }
@@ -96,7 +97,7 @@ export let GridColumnSummaryOptionsView = /*@__PURE__*/ (() => {
             return (window.innerWidth);
         }
         s(e_) {
-            this.n.ch();
+            this.n.cj();
         }
     }
     GridColumnSummaryOptionsView.$t = /*@__PURE__*/ markType(GridColumnSummaryOptionsView, 'GridColumnSummaryOptionsView', GridColumnOptionsViewBase.$);
@@ -117,6 +118,8 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
             this.b2 = 0;
             this.b1 = 0;
             this.b6 = 0;
+            this.ct = BrushUtil.g(255, 24, 29, 31);
+            this.cs = BrushUtil.g(255, 248, 248, 248);
         }
         f() {
             return new GridColumnSummaryOptionsView();
@@ -135,9 +138,11 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 case "ActualSummaryListDensity":
                 case "BackgroundColor":
                 case "TextColor":
-                    this.co();
-                    this.cn();
+                case "SummaryListTextColor":
+                case "SummaryListBackground":
+                    this.cq();
                     this.cp();
+                    this.cr();
                     break;
                 case "SummaryListDensity":
                     this.b3 = this.b5 == 0 ? this.q : this.b5;
@@ -318,47 +323,68 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 this.bc("ActiveCount", b, this.b6);
             }
         }
-        ch() {
+        get cv() {
+            return this.ct;
+        }
+        set cv(a) {
+            let b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
+                this.bc("SummaryListTextColor", b, this.ct);
+            }
+        }
+        get cu() {
+            return this.cs;
+        }
+        set cu(a) {
+            let b = this.cs;
+            this.cs = a;
+            if (b != this.cs) {
+                this.bc("SummaryListBackground", b, this.cs);
+            }
+        }
+        cj() {
             if (this.b0 != null && this.b0.t) {
                 this.b0.ao();
             }
         }
-        ci(a) {
+        ck(a) {
             if (this.by != null) {
                 let b = this.by;
-                b.clicked = delegateRemove(b.clicked, runOn(this, this.ck));
+                b.clicked = delegateRemove(b.clicked, runOn(this, this.cm));
             }
             this.by = a;
             if (this.by != null) {
                 let c = this.by;
-                c.clicked = delegateCombine(c.clicked, runOn(this, this.ck));
+                c.clicked = delegateCombine(c.clicked, runOn(this, this.cm));
             }
-            this.cn();
+            this.cp();
         }
-        cj(a) {
+        cl(a) {
             this.b0 = a;
-            this.cp();
+            this.cr();
         }
-        cm(a) {
+        co(a) {
             if (this.bw != null) {
                 let b = this.bw;
-                b.summaryChanged = delegateRemove(b.summaryChanged, runOn(this, this.cl));
+                b.summaryChanged = delegateRemove(b.summaryChanged, runOn(this, this.cn));
             }
             this.bw = a;
             if (this.bw != null) {
                 let c = this.bw;
-                c.summaryChanged = delegateCombine(c.summaryChanged, runOn(this, this.cl));
+                c.summaryChanged = delegateCombine(c.summaryChanged, runOn(this, this.cn));
             }
-            this.co();
+            this.cq();
         }
-        co() {
+        cq() {
             if (this.bw != null) {
                 this.bw.j = this.i;
                 this.bw.n = this.b3;
-                this.bw.ba = this.br;
+                this.bw.ba = this.cv;
+                this.bw.a9 = this.cu;
             }
         }
-        cn() {
+        cp() {
             if (this.by != null) {
                 this.by.ef = 0;
                 this.by.ak = false;
@@ -366,13 +392,13 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 this.bh(this.by);
             }
         }
-        cp() {
+        cr() {
             if (this.b0 != null) {
                 this.b0.a8 = this.bo;
                 this.b0.q = false;
             }
         }
-        ck(a, b) {
+        cm(a, b) {
             if (this.b0 == null) {
                 return;
             }
@@ -395,7 +421,7 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 this.b0.showRelativeToExclusionRect(d, 1, 0);
             }
         }
-        cl(a, b) {
+        cn(a, b) {
             if (b.a) {
                 this.b7++;
             }

package/esm2015/lib/ISummaryChooserView_combined.js

@@ -324,6 +324,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
                 this.e.aa = this.m;
                 this.e.dy = this.ba;
                 this.e.y = this.i;
+                this.e.di = this.a9;
                 this.e.as = false;
                 this.e.aq = false;
                 this.e.an = false;

package/esm2015/lib/NumericEditorView.js

@@ -14,14 +14,14 @@ export let NumericEditorView = /*@__PURE__*/ (() => {
     class NumericEditorView extends TextEditorView {
         constructor(a, b, c) {
             super(a, b, c);
-            this.v.b6 = "number";
+            this.y.b6 = "number";
         }
         getEditorValue() {
-            if (this.v == null || this.v.cm == null) {
+            if (this.y == null || this.y.cm == null) {
                 return null;
             }
             let a = NaN;
-            let b = tryParseNumber(this.v.cm, a);
+            let b = tryParseNumber(this.y.cm, a);
             a = b.p1;
             return a;
         }

package/esm2015/lib/TextEditorView.js

@@ -15,9 +15,9 @@ export let TextEditorView = /*@__PURE__*/ (() => {
     class TextEditorView extends BaseEditorView {
         constructor(a, b, c) {
             super(a, c);
-            this.x = null;
-            this.w = null;
-            this.v = null;
+            this.aa = null;
+            this.z = null;
+            this.y = null;
             let d = a.createElement("div");
             d.setRawStyleProperty("display", "flex");
             d.setRawStyleProperty("width", "100%");
@@ -25,60 +25,61 @@ export let TextEditorView = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("height", "38px");
             this.container = d;
             let e = a.getSubRenderer(d);
-            this.w = new XInputGroup();
-            this.w.provideContainer(e);
-            this.w.d = 0;
-            this.w.j = b;
-            this.w.n = 3;
-            this.w.disabled = !this.isEnabled;
-            let f = e.getExternal(this.w, e.rootWrapper, null);
+            this.z = new XInputGroup();
+            this.z.provideContainer(e);
+            this.z.d = 0;
+            this.z.j = b;
+            this.z.n = 3;
+            this.z.disabled = !this.isEnabled;
+            let f = e.getExternal(this.z, e.rootWrapper, null);
             let g = a.createElement("div");
             g.setRawStyleProperty("width", "100%");
             let h = a.getSubRenderer(g);
-            this.v = new XInput();
-            this.v.provideContainer(h);
-            this.v.b6 = "text";
-            this.v.disabled = !this.isEnabled;
-            let i = e.getExternal(this.v, h.rootWrapper, null);
-            this.w.appendContentChild(g);
-            this.w.inputs.add(this.v);
+            this.y = new XInput();
+            this.y.provideContainer(h);
+            this.y.b6 = "text";
+            this.y.disabled = !this.isEnabled;
+            this.y.d1 = this.textColor;
+            let i = e.getExternal(this.y, h.rootWrapper, null);
+            this.z.appendContentChild(g);
+            this.z.inputs.add(this.y);
         }
         setFont(a) {
-            if (this.v != null) {
-                this.v.af = a;
+            if (this.y != null) {
+                this.y.af = a;
             }
         }
         attachEvents() {
-            if (this.v != null) {
-                let a = this.v;
-                a.changing = delegateCombine(a.changing, runOn(this, this.z));
-                let b = this.v;
+            if (this.y != null) {
+                let a = this.y;
+                a.changing = delegateCombine(a.changing, runOn(this, this.ac));
+                let b = this.y;
                 b.keyDown = delegateCombine(b.keyDown, runOn(this, this.onInputKeyDown));
-                let c = this.v;
-                c.compositionEnd = delegateCombine(c.compositionEnd, runOn(this, this.y));
-                let d = this.v;
-                d.gotFocus = delegateCombine(d.gotFocus, runOn(this, this.aa));
-                let e = this.v;
-                e.lostFocus = delegateCombine(e.lostFocus, runOn(this, this.ab));
+                let c = this.y;
+                c.compositionEnd = delegateCombine(c.compositionEnd, runOn(this, this.ab));
+                let d = this.y;
+                d.gotFocus = delegateCombine(d.gotFocus, runOn(this, this.ad));
+                let e = this.y;
+                e.lostFocus = delegateCombine(e.lostFocus, runOn(this, this.ae));
             }
         }
         detachEvents() {
-            if (this.v != null) {
-                let a = this.v;
-                a.changing = delegateRemove(a.changing, runOn(this, this.z));
-                let b = this.v;
+            if (this.y != null) {
+                let a = this.y;
+                a.changing = delegateRemove(a.changing, runOn(this, this.ac));
+                let b = this.y;
                 b.keyDown = delegateRemove(b.keyDown, runOn(this, this.onInputKeyDown));
-                let c = this.v;
-                c.compositionEnd = delegateRemove(c.compositionEnd, runOn(this, this.y));
-                let d = this.v;
-                d.gotFocus = delegateRemove(d.gotFocus, runOn(this, this.aa));
-                let e = this.v;
-                e.lostFocus = delegateRemove(e.lostFocus, runOn(this, this.ab));
+                let c = this.y;
+                c.compositionEnd = delegateRemove(c.compositionEnd, runOn(this, this.ab));
+                let d = this.y;
+                d.gotFocus = delegateRemove(d.gotFocus, runOn(this, this.ad));
+                let e = this.y;
+                e.lostFocus = delegateRemove(e.lostFocus, runOn(this, this.ae));
             }
         }
         onTargetChanged() {
-            this.x = null;
-            if (this.v != null) {
+            this.aa = null;
+            if (this.y != null) {
                 this.focus();
             }
         }
@@ -93,72 +94,78 @@ export let TextEditorView = /*@__PURE__*/ (() => {
             if (this.a.isEditRefocusDesired) {
                 let a = this.h.rootWrapper.getNativeElement();
                 if (a == document.activeElement || a.contains(document.activeElement)) {
-                    this.v.cp();
+                    this.y.cp();
                     this.focus();
                 }
             }
         }
-        r() {
-            if (this.v != null) {
-                this.v.focus(true);
-                if (this.v.b6 != "date") {
-                    window.setTimeout(() => this.v.dj(), 0);
+        s() {
+            if (this.y != null) {
+                this.y.focus(true);
+                if (this.y.b6 != "date") {
+                    window.setTimeout(() => this.y.dj(), 0);
                 }
             }
         }
-        u() {
-            if (this.v != null) {
+        w() {
+            if (this.y != null) {
                 if (this.value != null) {
-                    this.x = null;
-                    this.v.cm = null;
-                    this.v.cm = this.value.toString();
+                    this.aa = null;
+                    this.y.cm = null;
+                    this.y.cm = this.value.toString();
                     if (this.focusOnValueChanged) {
-                        this.r();
+                        this.s();
                     }
                 }
                 else {
-                    this.v.cm = null;
+                    this.y.cm = null;
                 }
             }
         }
-        q() {
-            if (this.w != null) {
-                this.w.disabled = !this.isEnabled;
+        r() {
+            if (this.z != null) {
+                this.z.disabled = !this.isEnabled;
             }
-            if (this.v != null) {
-                this.v.disabled = !this.isEnabled;
+            if (this.y != null) {
+                this.y.disabled = !this.isEnabled;
             }
         }
-        z(a, b) {
-            this.o();
+        v() {
+            super.v();
+            if (this.y != null) {
+                this.y.d1 = this.textColor;
+            }
+        }
+        ac(a, b) {
+            this.p();
             if (b.isCompositionInProgress) {
                 return;
             }
-            if (this.x != null && this.x != b.value) {
-                this.x = null;
+            if (this.aa != null && this.aa != b.value) {
+                this.aa = null;
                 return;
             }
-            this.p(b.value, false);
-        }
-        y(a, b) {
-            this.x = b.value;
-            this.p(b.value, false);
+            this.q(b.value, false);
         }
         ab(a, b) {
-            this.n();
+            this.aa = b.value;
+            this.q(b.value, false);
         }
-        aa(a, b) {
-            this.m();
+        ae(a, b) {
+            this.o();
+        }
+        ad(a, b) {
+            this.n();
         }
         getEditorValue() {
-            if (this.v != null) {
-                return this.v.cm;
+            if (this.y != null) {
+                return this.y.cm;
             }
             return null;
         }
         setEditorValue(a) {
-            if (this.v != null) {
-                this.v.cm = a;
+            if (this.y != null) {
+                this.y.cm = a;
             }
         }
     }