igniteui-webcomponents-grids 4.0.4 → 4.2.3-alpha

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

@@ -7,7 +7,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.
@@ -29,6 +29,8 @@ var IgcDataGridComparisonOperatorSelectorComponent = /** @class */ /*@__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) {
@@ -168,10 +170,10 @@ var IgcDataGridComparisonOperatorSelectorComponent = /** @class */ /*@__PURE__*/
          * Gets the ID for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get: function () {
-            return this.i.ac;
+            return this.i.ae;
         },
         set: function (v) {
-            this.i.ac = v;
+            this.i.ae = v;
         },
         enumerable: true,
         configurable: true
@@ -181,11 +183,11 @@ var IgcDataGridComparisonOperatorSelectorComponent = /** @class */ /*@__PURE__*/
          * Gets the index for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get: function () {
-            return this.i.w;
+            return this.i.x;
         },
         set: function (v) {
-            this.i.w = +v;
-            this._a("customFilterIndex", this.i.w);
+            this.i.x = +v;
+            this._a("customFilterIndex", this.i.x);
         },
         enumerable: true,
         configurable: true
@@ -206,305 +208,333 @@ var IgcDataGridComparisonOperatorSelectorComponent = /** @class */ /*@__PURE__*/
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "maxHeight", {
         get: function () {
-            return this.i.y;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.y = +v;
-            this._a("maxHeight", this.i.y);
+            this.i.z = +v;
+            this._a("maxHeight", this.i.z);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "textColor", {
+        /**
+         * Gets or sets the text color.
+        */
+        get: function () {
+            return brushToString(this.i.eq);
+        },
+        set: function (v) {
+            this.i.eq = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.eq));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "background", {
+        /**
+         * Gets or sets the background color.
+        */
+        get: function () {
+            return brushToString(this.i.ep);
+        },
+        set: function (v) {
+            this.i.ep = stringToBrush(v);
+            this._a("background", brushToString(this.i.ep));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTrue", {
         get: function () {
-            return this.i.db;
+            return this.i.dd;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionFalse", {
         get: function () {
-            return this.i.ci;
+            return this.i.ck;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionEquals", {
         get: function () {
-            return this.i.ch;
+            return this.i.cj;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNotEquals", {
         get: function () {
-            return this.i.cx;
+            return this.i.cz;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLessThan", {
         get: function () {
-            return this.i.cp;
+            return this.i.cr;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLessThanOrEqual", {
         get: function () {
-            return this.i.cq;
+            return this.i.cs;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionGreaterThan", {
         get: function () {
-            return this.i.cj;
+            return this.i.cl;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionGreaterThanOrEqual", {
         get: function () {
-            return this.i.ck;
+            return this.i.cm;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTop", {
         get: function () {
-            return this.i.c9;
+            return this.i.db;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionBottom", {
         get: function () {
-            return this.i.b9;
+            return this.i.cb;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTopPercentile", {
         get: function () {
-            return this.i.da;
+            return this.i.dc;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionBottomPercentile", {
         get: function () {
-            return this.i.ca;
+            return this.i.cc;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionToday", {
         get: function () {
-            return this.i.c7;
+            return this.i.c9;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTomorrow", {
         get: function () {
-            return this.i.c8;
+            return this.i.da;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionYesterday", {
         get: function () {
-            return this.i.de;
+            return this.i.dg;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisWeek", {
         get: function () {
-            return this.i.c5;
+            return this.i.c7;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextWeek", {
         get: function () {
-            return this.i.cu;
+            return this.i.cw;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastWeek", {
         get: function () {
-            return this.i.cn;
+            return this.i.cp;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisMonth", {
         get: function () {
-            return this.i.c3;
+            return this.i.c5;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextMonth", {
         get: function () {
-            return this.i.cs;
+            return this.i.cu;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastMonth", {
         get: function () {
-            return this.i.cl;
+            return this.i.cn;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisQuarter", {
         get: function () {
-            return this.i.c4;
+            return this.i.c6;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextQuarter", {
         get: function () {
-            return this.i.ct;
+            return this.i.cv;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastQuarter", {
         get: function () {
-            return this.i.cm;
+            return this.i.co;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisYear", {
         get: function () {
-            return this.i.c6;
+            return this.i.c8;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextYear", {
         get: function () {
-            return this.i.cv;
+            return this.i.cx;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastYear", {
         get: function () {
-            return this.i.co;
+            return this.i.cq;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionYearToDate", {
         get: function () {
-            return this.i.dd;
+            return this.i.df;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ1", {
         get: function () {
-            return this.i.cy;
+            return this.i.c0;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ2", {
         get: function () {
-            return this.i.cz;
+            return this.i.c1;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ3", {
         get: function () {
-            return this.i.c0;
+            return this.i.c2;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ4", {
         get: function () {
-            return this.i.c1;
+            return this.i.c3;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionMonth", {
         get: function () {
-            return this.i.cr;
+            return this.i.ct;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionYear", {
         get: function () {
-            return this.i.dc;
+            return this.i.de;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionStartsWith", {
         get: function () {
-            return this.i.c2;
+            return this.i.c4;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionDoesNotStartWith", {
         get: function () {
-            return this.i.ce;
+            return this.i.cg;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionEndsWith", {
         get: function () {
-            return this.i.cg;
+            return this.i.ci;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionDoesNotEndWith", {
         get: function () {
-            return this.i.cd;
+            return this.i.cf;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionContains", {
         get: function () {
-            return this.i.cb;
+            return this.i.cd;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionDoesNotContain", {
         get: function () {
-            return this.i.cc;
+            return this.i.ce;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionEmpty", {
         get: function () {
-            return this.i.cf;
+            return this.i.ch;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNotEmpty", {
         get: function () {
-            return this.i.cw;
+            return this.i.cy;
         },
         enumerable: true,
         configurable: true
@@ -575,29 +605,29 @@ var IgcDataGridComparisonOperatorSelectorComponent = /** @class */ /*@__PURE__*/
         this._inStyling = false;
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.provideContainer = function (container) {
-        this.i.ee(container);
+        this.i.ej(container);
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.dispose = function () {
-        this.i.d7();
+        this.i.ea();
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.getDropdownHeight = function () {
-        var iv = this.i.x();
+        var iv = this.i.y();
         return (iv);
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.toggle = function () {
-        this.i.eh();
+        this.i.em();
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.close = function () {
-        this.i.d5();
+        this.i.d8();
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.addCustomOperator = function (name, icon, id, index) {
-        this.i.dy(name, icon, id, index);
+        this.i.d1(name, icon, id, index);
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.clearCustomOperators = function () {
-        this.i.d4();
+        this.i.d7();
     };
     IgcDataGridComparisonOperatorSelectorComponent.prototype.selectCustomFilter = function (id, index) {
-        this.i.ef(id, index);
+        this.i.ek(id, index);
     };
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "valueChanged", {
         get: function () {
@@ -655,6 +685,34 @@ var IgcDataGridComparisonOperatorSelectorComponent = /** @class */ /*@__PURE__*/
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "opened", {
+        get: function () {
+            return this._opened;
+        },
+        set: function (ev) {
+            var _this = this;
+            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 = function (o, e) {
+                var 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);
+            ;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "closing", {
         get: function () {
             return this._closing;

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

@@ -1,5 +1,5 @@
 import * as tslib_1 from "tslib";
-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";
@@ -602,6 +602,34 @@ var IgcGridColumnOptionsComponent = /** @class */ /*@__PURE__*/ (function (_supe
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcGridColumnOptionsComponent.prototype, "summaryListTextColor", {
+        /**
+         * Gets or sets the text color for the summary options menu.
+        */
+        get: function () {
+            return brushToString(this.i.fm);
+        },
+        set: function (v) {
+            this.i.fm = stringToBrush(v);
+            this._a("summaryListTextColor", brushToString(this.i.fm));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcGridColumnOptionsComponent.prototype, "summaryListBackground", {
+        /**
+         * Gets or sets the background color for the summary options menu.
+        */
+        get: function () {
+            return brushToString(this.i.fl);
+        },
+        set: function (v) {
+            this.i.fl = stringToBrush(v);
+            this._a("summaryListBackground", brushToString(this.i.fl));
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(IgcGridColumnOptionsComponent.prototype, "applyButtonClick", {
         get: function () {
             return this._applyButtonClick;

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

@@ -1,5 +1,5 @@
 import * as tslib_1 from "tslib";
-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";
@@ -161,6 +161,28 @@ var IgcGridColumnSummaryOptionsComponent = /** @class */ /*@__PURE__*/ (function
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcGridColumnSummaryOptionsComponent.prototype, "summaryListTextColor", {
+        get: function () {
+            return brushToString(this.i.cv);
+        },
+        set: function (v) {
+            this.i.cv = stringToBrush(v);
+            this._a("summaryListTextColor", brushToString(this.i.cv));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcGridColumnSummaryOptionsComponent.prototype, "summaryListBackground", {
+        get: function () {
+            return brushToString(this.i.cu);
+        },
+        set: function (v) {
+            this.i.cu = stringToBrush(v);
+            this._a("summaryListBackground", brushToString(this.i.cu));
+        },
+        enumerable: true,
+        configurable: true
+    });
     IgcGridColumnSummaryOptionsComponent.prototype.onApply = function () {
         this.i.bt();
     };
@@ -168,7 +190,7 @@ var IgcGridColumnSummaryOptionsComponent = /** @class */ /*@__PURE__*/ (function
         this.i.bu();
     };
     IgcGridColumnSummaryOptionsComponent.prototype.closeMenu = function () {
-        this.i.ch();
+        this.i.cj();
     };
     IgcGridColumnSummaryOptionsComponent._observedAttributesIgcGridColumnSummaryOptionsComponent = null;
     IgcGridColumnSummaryOptionsComponent.htmlTagName = "igc-grid-column-summary-options";