igniteui-webcomponents-grids 4.2.2 → 4.2.4-alpha

package/esm2015/lib/igc-data-grid-comparison-operator-selector-component.js

@@ -6,7 +6,7 @@ import { IgcOperatorSelectorOpeningEventArgs } from "./igc-operator-selector-ope
 import { IgcOperatorSelectorClosingEventArgs } from "./igc-operator-selector-closing-event-args";
 import { ComparisonOperatorSelector } from "./ComparisonOperatorSelector";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureEnum, enumToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureEnum, enumToString, brushToString, stringToBrush, initializePropertiesFromCss } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * A dropdown selector for choosing which comparison operator to use.
@@ -28,6 +28,8 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this._valueChanged_wrapped = null;
             this._opening = null;
             this._opening_wrapped = null;
+            this._opened = null;
+            this._opened_wrapped = null;
             this._closing = null;
             this._closing_wrapped = null;
             if (this._styling) {
@@ -153,20 +155,20 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
          * Gets the ID for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get customFilterID() {
-            return this.i.ac;
+            return this.i.ae;
         }
         set customFilterID(v) {
-            this.i.ac = v;
+            this.i.ae = v;
         }
         /**
          * Gets the index for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get customFilterIndex() {
-            return this.i.w;
+            return this.i.x;
         }
         set customFilterIndex(v) {
-            this.i.w = +v;
-            this._a("customFilterIndex", this.i.w);
+            this.i.x = +v;
+            this._a("customFilterIndex", this.i.x);
         }
         /**
          * Gets or sets the data type. Used to determine what operators are available.
@@ -179,137 +181,157 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this._a("dataType", enumToString(DataSourceSchemaPropertyType_$type, this.i.d));
         }
         get maxHeight() {
-            return this.i.y;
+            return this.i.z;
         }
         set maxHeight(v) {
-            this.i.y = +v;
-            this._a("maxHeight", this.i.y);
+            this.i.z = +v;
+            this._a("maxHeight", this.i.z);
+        }
+        /**
+         * Gets or sets the text color.
+        */
+        get textColor() {
+            return brushToString(this.i.eq);
+        }
+        set textColor(v) {
+            this.i.eq = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.eq));
+        }
+        /**
+         * Gets or sets the background color.
+        */
+        get background() {
+            return brushToString(this.i.ep);
+        }
+        set background(v) {
+            this.i.ep = stringToBrush(v);
+            this._a("background", brushToString(this.i.ep));
         }
         get operatorCaptionTrue() {
-            return this.i.db;
+            return this.i.dd;
         }
         get operatorCaptionFalse() {
-            return this.i.ci;
+            return this.i.ck;
         }
         get operatorCaptionEquals() {
-            return this.i.ch;
+            return this.i.cj;
         }
         get operatorCaptionNotEquals() {
-            return this.i.cx;
+            return this.i.cz;
         }
         get operatorCaptionLessThan() {
-            return this.i.cp;
+            return this.i.cr;
         }
         get operatorCaptionLessThanOrEqual() {
-            return this.i.cq;
+            return this.i.cs;
         }
         get operatorCaptionGreaterThan() {
-            return this.i.cj;
+            return this.i.cl;
         }
         get operatorCaptionGreaterThanOrEqual() {
-            return this.i.ck;
+            return this.i.cm;
         }
         get operatorCaptionTop() {
-            return this.i.c9;
+            return this.i.db;
         }
         get operatorCaptionBottom() {
-            return this.i.b9;
+            return this.i.cb;
         }
         get operatorCaptionTopPercentile() {
-            return this.i.da;
+            return this.i.dc;
         }
         get operatorCaptionBottomPercentile() {
-            return this.i.ca;
+            return this.i.cc;
         }
         get operatorCaptionToday() {
-            return this.i.c7;
+            return this.i.c9;
         }
         get operatorCaptionTomorrow() {
-            return this.i.c8;
+            return this.i.da;
         }
         get operatorCaptionYesterday() {
-            return this.i.de;
+            return this.i.dg;
         }
         get operatorCaptionThisWeek() {
-            return this.i.c5;
+            return this.i.c7;
         }
         get operatorCaptionNextWeek() {
-            return this.i.cu;
+            return this.i.cw;
         }
         get operatorCaptionLastWeek() {
-            return this.i.cn;
+            return this.i.cp;
         }
         get operatorCaptionThisMonth() {
-            return this.i.c3;
+            return this.i.c5;
         }
         get operatorCaptionNextMonth() {
-            return this.i.cs;
+            return this.i.cu;
         }
         get operatorCaptionLastMonth() {
-            return this.i.cl;
+            return this.i.cn;
         }
         get operatorCaptionThisQuarter() {
-            return this.i.c4;
+            return this.i.c6;
         }
         get operatorCaptionNextQuarter() {
-            return this.i.ct;
+            return this.i.cv;
         }
         get operatorCaptionLastQuarter() {
-            return this.i.cm;
+            return this.i.co;
         }
         get operatorCaptionThisYear() {
-            return this.i.c6;
+            return this.i.c8;
         }
         get operatorCaptionNextYear() {
-            return this.i.cv;
+            return this.i.cx;
         }
         get operatorCaptionLastYear() {
-            return this.i.co;
+            return this.i.cq;
         }
         get operatorCaptionYearToDate() {
-            return this.i.dd;
+            return this.i.df;
         }
         get operatorCaptionQ1() {
-            return this.i.cy;
+            return this.i.c0;
         }
         get operatorCaptionQ2() {
-            return this.i.cz;
+            return this.i.c1;
         }
         get operatorCaptionQ3() {
-            return this.i.c0;
+            return this.i.c2;
         }
         get operatorCaptionQ4() {
-            return this.i.c1;
+            return this.i.c3;
         }
         get operatorCaptionMonth() {
-            return this.i.cr;
+            return this.i.ct;
         }
         get operatorCaptionYear() {
-            return this.i.dc;
+            return this.i.de;
         }
         get operatorCaptionStartsWith() {
-            return this.i.c2;
+            return this.i.c4;
         }
         get operatorCaptionDoesNotStartWith() {
-            return this.i.ce;
+            return this.i.cg;
         }
         get operatorCaptionEndsWith() {
-            return this.i.cg;
+            return this.i.ci;
         }
         get operatorCaptionDoesNotEndWith() {
-            return this.i.cd;
+            return this.i.cf;
         }
         get operatorCaptionContains() {
-            return this.i.cb;
+            return this.i.cd;
         }
         get operatorCaptionDoesNotContain() {
-            return this.i.cc;
+            return this.i.ce;
         }
         get operatorCaptionEmpty() {
-            return this.i.cf;
+            return this.i.ch;
         }
         get operatorCaptionNotEmpty() {
-            return this.i.cw;
+            return this.i.cy;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -373,29 +395,29 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this._inStyling = false;
         }
         provideContainer(container) {
-            this.i.ee(container);
+            this.i.ej(container);
         }
         dispose() {
-            this.i.d7();
+            this.i.ea();
         }
         getDropdownHeight() {
-            let iv = this.i.x();
+            let iv = this.i.y();
             return (iv);
         }
         toggle() {
-            this.i.eh();
+            this.i.em();
         }
         close() {
-            this.i.d5();
+            this.i.d8();
         }
         addCustomOperator(name, icon, id, index) {
-            this.i.dy(name, icon, id, index);
+            this.i.d1(name, icon, id, index);
         }
         clearCustomOperators() {
-            this.i.d4();
+            this.i.d7();
         }
         selectCustomFilter(id, index) {
-            this.i.ef(id, index);
+            this.i.ek(id, index);
         }
         get valueChanged() {
             return this._valueChanged;
@@ -443,6 +465,29 @@ export let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() =>
             this.i.opening = delegateCombine(this.i.opening, this._opening_wrapped);
             ;
         }
+        get opened() {
+            return this._opened;
+        }
+        set opened(ev) {
+            if (this._opened_wrapped !== null) {
+                this.i.opened = delegateRemove(this.i.opened, this._opened_wrapped);
+                this._opened_wrapped = null;
+                this._opened = null;
+            }
+            this._opened = ev;
+            this._opened_wrapped = (o, e) => {
+                let outerArgs = new IgcOperatorSelectorOpeningEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeOpened) {
+                    this.beforeOpened(this, outerArgs);
+                }
+                if (this._opened) {
+                    this._opened(this, outerArgs);
+                }
+            };
+            this.i.opened = delegateCombine(this.i.opened, this._opened_wrapped);
+            ;
+        }
         get closing() {
             return this._closing;
         }

package/esm2015/lib/igc-grid-column-options-component.js

@@ -1,4 +1,4 @@
-import { ensureEnum, ensureBool, NamePatcher, toSpinal, enumToString, getAllPropertyNames } from "igniteui-webcomponents-core";
+import { ensureEnum, brushToString, stringToBrush, ensureBool, NamePatcher, toSpinal, enumToString, getAllPropertyNames } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { WebComponentRenderer } from "igniteui-webcomponents-core";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
@@ -432,6 +432,26 @@ export let IgcGridColumnOptionsComponent = /*@__PURE__*/ (() => {
         set filterListPlaceholderText(v) {
             this.i.d1 = v;
         }
+        /**
+         * Gets or sets the text color for the summary options menu.
+        */
+        get summaryListTextColor() {
+            return brushToString(this.i.fm);
+        }
+        set summaryListTextColor(v) {
+            this.i.fm = stringToBrush(v);
+            this._a("summaryListTextColor", brushToString(this.i.fm));
+        }
+        /**
+         * Gets or sets the background color for the summary options menu.
+        */
+        get summaryListBackground() {
+            return brushToString(this.i.fl);
+        }
+        set summaryListBackground(v) {
+            this.i.fl = stringToBrush(v);
+            this._a("summaryListBackground", brushToString(this.i.fl));
+        }
         get applyButtonClick() {
             return this._applyButtonClick;
         }

package/esm2015/lib/igc-grid-column-summary-options-component.js

@@ -1,4 +1,4 @@
-import { ensureEnum, NamePatcher, toSpinal, enumToString, getAllPropertyNames } from "igniteui-webcomponents-core";
+import { ensureEnum, brushToString, stringToBrush, NamePatcher, toSpinal, enumToString, getAllPropertyNames } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
 import { DataGridStylingDefaults } from './DataGridStylingDefaults';
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
@@ -127,6 +127,20 @@ export let IgcGridColumnSummaryOptionsComponent = /*@__PURE__*/ (() => {
             this.i.b7 = +v;
             this._a("activeCount", this.i.b7);
         }
+        get summaryListTextColor() {
+            return brushToString(this.i.cv);
+        }
+        set summaryListTextColor(v) {
+            this.i.cv = stringToBrush(v);
+            this._a("summaryListTextColor", brushToString(this.i.cv));
+        }
+        get summaryListBackground() {
+            return brushToString(this.i.cu);
+        }
+        set summaryListBackground(v) {
+            this.i.cu = stringToBrush(v);
+            this._a("summaryListBackground", brushToString(this.i.cu));
+        }
         onApply() {
             this.i.bt();
         }
@@ -134,7 +148,7 @@ export let IgcGridColumnSummaryOptionsComponent = /*@__PURE__*/ (() => {
             this.i.bu();
         }
         closeMenu() {
-            this.i.ch();
+            this.i.cj();
         }
     }
     IgcGridColumnSummaryOptionsComponent._observedAttributesIgcGridColumnSummaryOptionsComponent = null;

package/esm5/lib/BaseEditorView.js

@@ -23,6 +23,7 @@ var BaseEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.h = null;
         _this._container = null;
         _this.g = false;
+        _this.x = null;
         _this.valueProvided = null;
         _this.userTyping = null;
         _this.lostFocus = null;
@@ -49,7 +50,7 @@ var BaseEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.i;
             this.i = a;
-            this.t("Value", b, this.i);
+            this.u("Value", b, this.i);
         },
         enumerable: true,
         configurable: true
@@ -62,7 +63,7 @@ var BaseEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.e;
             this.e = a;
             if (b != this.e) {
-                this.t("IsEnabled", b, this.e);
+                this.u("IsEnabled", b, this.e);
             }
         },
         enumerable: true,
@@ -86,28 +87,42 @@ var BaseEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.f;
             this.f = a;
             if (b != this.f) {
-                this.t("ShowClearButton", b, this.f);
+                this.u("ShowClearButton", b, this.f);
             }
         },
         enumerable: true,
         configurable: true
     });
-    BaseEditorView.prototype.p = function (a, b) {
+    Object.defineProperty(BaseEditorView.prototype, "textColor", {
+        get: function () {
+            return this.x;
+        },
+        set: function (a) {
+            var b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.u("TextColor", b, this.x);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    BaseEditorView.prototype.q = function (a, b) {
         if (this.valueProvided != null) {
             this.valueProvided(this, a, b);
         }
     };
-    BaseEditorView.prototype.o = function () {
+    BaseEditorView.prototype.p = function () {
         if (this.userTyping != null) {
             this.userTyping(this);
         }
     };
-    BaseEditorView.prototype.n = function () {
+    BaseEditorView.prototype.o = function () {
         if (this.lostFocus != null) {
             this.lostFocus(this);
         }
     };
-    BaseEditorView.prototype.m = function () {
+    BaseEditorView.prototype.n = function () {
         if (this.gotFocus != null) {
             this.gotFocus(this);
         }
@@ -139,31 +154,36 @@ var BaseEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.b = this.h.getRequestAnimationFrame();
         }
         this.b(function () {
-            _this.r();
+            _this.s();
             _this.d = false;
         });
         this.d = true;
     };
-    BaseEditorView.prototype.r = function () {
+    BaseEditorView.prototype.s = function () {
     };
     BaseEditorView.prototype.getEditorValue = function () {
         return null;
     };
     BaseEditorView.prototype.setEditorValue = function (a) {
     };
-    BaseEditorView.prototype.t = function (a, b, c) {
+    BaseEditorView.prototype.u = function (a, b, c) {
         switch (a) {
             case "Value":
-                this.u();
+                this.w();
                 break;
             case "IsEnabled":
-                this.q();
+                this.r();
+                break;
+            case "TextColor":
+                this.v();
                 break;
         }
     };
-    BaseEditorView.prototype.u = function () {
+    BaseEditorView.prototype.w = function () {
+    };
+    BaseEditorView.prototype.r = function () {
     };
-    BaseEditorView.prototype.q = function () {
+    BaseEditorView.prototype.v = function () {
     };
     BaseEditorView.prototype.onInputKeyDown = function (a, b) {
         if (!this.g) {

package/esm5/lib/CheckboxListView_combined.js

@@ -1117,6 +1117,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (null != f) {
                     f.zv = this.dy;
                     f.zt = this.di;
+                    f.zu = this.di;
                 }
                 this.m.ad();
                 break;

package/esm5/lib/ColumnFilterCondition_combined.js

@@ -6851,6 +6851,7 @@ var Grid = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.cv = new EditorDefinition();
         _this.cw = new EditRowDefinition();
         _this.c5 = new FilterRowDefinition();
+        _this.c5.grid = _this;
         _this.aav = _this.aaw;
         _this.yn = _this.yo;
         _this.yt = GridStyleRepository.ax;
@@ -24293,6 +24294,12 @@ var FilterRowDefinition = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     FilterRowDefinition.prototype.c2 = function (a, b) {
         switch (b.propertyName) {
+            case "CellTextColor":
+                this.dg();
+                break;
+            case "CellBackground":
+                this.c9();
+                break;
         }
     };
     FilterRowDefinition.prototype.cx = function (a, b, c, d) {
@@ -24315,6 +24322,31 @@ var FilterRowDefinition = /** @class */ /*@__PURE__*/ (function (_super) {
             e.lm = f.ep;
         }
     };
+    FilterRowDefinition.prototype.dg = function () {
+        if (this.el == null) {
+            if (this.grid != null && this.grid.zv != null) {
+                this.d7 = this.grid.zv;
+                return;
+            }
+            this.d7 = this.eh();
+        }
+        else {
+            this.d7 = this.el;
+        }
+    };
+    FilterRowDefinition.prototype.c9 = function () {
+        if (this.d8 == null) {
+            if (this.grid != null && this.grid.zt != null) {
+                this.d1 = this.grid.zt;
+            }
+            else {
+                this.d1 = this.ec();
+            }
+        }
+        else {
+            this.d1 = this.d8;
+        }
+    };
     FilterRowDefinition.$t = markType(FilterRowDefinition, 'FilterRowDefinition', DefinitionBase.$);
     return FilterRowDefinition;
 }(DefinitionBase));