igniteui-webcomponents-data-grids 7.1.0-alpha.3 → 7.1.0-beta.1

package/esm5/lib/igc-data-grid-component.js

@@ -2441,6 +2441,20 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "sectionHeaderExpansionIndicatorIconColor", {
+        /**
+         * Gets or sets the color to use for the expansion indicator icon on section header cells. When unset, the icon defers to the section header text color.
+        */
+        get: function () {
+            return brushToString(this.i.sectionHeaderExpansionIndicatorIconColor);
+        },
+        set: function (v) {
+            this.i.sectionHeaderExpansionIndicatorIconColor = stringToBrush(v);
+            this._a("sectionHeaderExpansionIndicatorIconColor", brushToString(this.i.sectionHeaderExpansionIndicatorIconColor));
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "sectionHeaderTextStyle", {
         /**
          * Gets or sets the font to use for section header cells
@@ -3513,6 +3527,21 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "expandCollapseOnSectionHeaderClick", {
+        /**
+         * Gets or sets whether clicking anywhere inside a section header cell toggles the group's expansion state.
+         * When false (the default), only the expansion indicator toggles the group.
+        */
+        get: function () {
+            return this.i.expandCollapseOnSectionHeaderClick;
+        },
+        set: function (v) {
+            this.i.expandCollapseOnSectionHeaderClick = ensureBool(v);
+            this._a("expandCollapseOnSectionHeaderClick", this.i.expandCollapseOnSectionHeaderClick);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "groupSummaryDisplayMode", {
         /**
          * Gets or sets the display mode summaries will use inside groups.
@@ -4063,6 +4092,20 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsToolTipTextColor", {
+        /**
+         * Gets or sets the tooltip text color inside the column options menu.
+        */
+        get: function () {
+            return brushToString(this.i.columnOptionsToolTipTextColor);
+        },
+        set: function (v) {
+            this.i.columnOptionsToolTipTextColor = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.columnOptionsToolTipTextColor));
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsHighlightColor", {
         /**
          * Gets or sets the highlight color inside the column options menu.

package/esm5/lib/igc-data-grid-filter-dialog-component.js

@@ -200,11 +200,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
     });
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "iconColor", {
         get: function () {
-            return brushToString(this.i.c1);
+            return brushToString(this.i.c4);
         },
         set: function (v) {
-            this.i.c1 = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.c1));
+            this.i.c4 = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.c4));
         },
         enumerable: false,
         configurable: true
@@ -225,11 +225,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.ct);
+            return brushToString(this.i.cv);
         },
         set: function (v) {
-            this.i.ct = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.ct));
+            this.i.cv = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.cv));
         },
         enumerable: false,
         configurable: true
@@ -239,11 +239,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the text color for text inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c1);
         },
         set: function (v) {
-            this.i.cz = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.cz));
+            this.i.c1 = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.c1));
         },
         enumerable: false,
         configurable: true
@@ -272,11 +272,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the hover background color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cx);
+            return brushToString(this.i.cz);
         },
         set: function (v) {
-            this.i.cx = stringToBrush(v);
-            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.cx));
+            this.i.cz = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.cz));
         },
         enumerable: false,
         configurable: true
@@ -286,11 +286,25 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the tooltip background color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.c2);
         },
         set: function (v) {
-            this.i.c0 = stringToBrush(v);
-            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.c0));
+            this.i.c2 = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.c2));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "columnOptionsToolTipTextColor", {
+        /**
+         * Gets or sets the tooltip text color inside the column options menu.
+        */
+        get: function () {
+            return brushToString(this.i.c3);
+        },
+        set: function (v) {
+            this.i.c3 = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.c3));
         },
         enumerable: false,
         configurable: true
@@ -300,11 +314,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the highlight color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.cy);
         },
         set: function (v) {
-            this.i.cw = stringToBrush(v);
-            this._a("columnOptionsHighlightColor", brushToString(this.i.cw));
+            this.i.cy = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.cy));
         },
         enumerable: false,
         configurable: true
@@ -314,11 +328,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the color of separators inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c0);
         },
         set: function (v) {
-            this.i.cy = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.cy));
+            this.i.c0 = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.c0));
         },
         enumerable: false,
         configurable: true
@@ -328,11 +342,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cu);
+            return brushToString(this.i.cw);
         },
         set: function (v) {
-            this.i.cu = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.cu));
+            this.i.cw = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.cw));
         },
         enumerable: false,
         configurable: true
@@ -342,11 +356,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cv);
+            return brushToString(this.i.cx);
         },
         set: function (v) {
-            this.i.cv = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cv));
+            this.i.cx = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cx));
         },
         enumerable: false,
         configurable: true
@@ -372,11 +386,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
     });
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.cs);
+            return brushToString(this.i.cu);
         },
         set: function (v) {
-            this.i.cs = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.cs));
+            this.i.cu = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.cu));
         },
         enumerable: false,
         configurable: true
@@ -488,16 +502,16 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
         this._inStyling = false;
     };
     IgcDataGridFilterDialogComponent.prototype.notifySizeChanged = function (width, height) {
-        this.i.b1(width, height);
+        this.i.b2(width, height);
     };
     IgcDataGridFilterDialogComponent.prototype.notifyCellSizeChanged = function () {
-        this.i.b0();
+        this.i.b1();
     };
     IgcDataGridFilterDialogComponent.prototype.showIcon = function () {
-        this.i.ce();
+        this.i.cf();
     };
     IgcDataGridFilterDialogComponent.prototype.hideIcon = function () {
-        this.i.by();
+        this.i.bz();
     };
     IgcDataGridFilterDialogComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();

package/esm5/lib/igc-date-time-cell-info.js

@@ -29,10 +29,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the DateTime value for the cell.
         */
         get: function () {
-            return this.i.of;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.of = v;
+            this.i.oj = v;
         },
         enumerable: false,
         configurable: true
@@ -42,24 +42,24 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * The format string to apply to the value
         */
         get: function () {
-            return this.i.ow;
+            return this.i.o0;
         },
         set: function (v) {
-            this.i.ow = v;
+            this.i.o0 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeCellInfo.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.n6;
+            return this.i.oa;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.n6 = v;
+            this.i.oa = v;
         },
         enumerable: false,
         configurable: true
@@ -69,10 +69,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * The format options to apply to the value
         */
         get: function () {
-            return this.i.op;
+            return this.i.ot;
         },
         set: function (v) {
-            this.i.op = v;
+            this.i.ot = v;
         },
         enumerable: false,
         configurable: true
@@ -82,10 +82,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the simple DateTimeFormat to use for the cell.
         */
         get: function () {
-            return this.i.ob;
+            return this.i.of;
         },
         set: function (v) {
-            this.i.ob = ensureEnum(DateTimeFormats_$type, v);
+            this.i.of = ensureEnum(DateTimeFormats_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -95,10 +95,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets whether the value to use is a DateTimeOffset value.
         */
         get: function () {
-            return this.i.od;
+            return this.i.oh;
         },
         set: function (v) {
-            this.i.od = ensureBool(v);
+            this.i.oh = ensureBool(v);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-date-time-column-component.js

@@ -80,11 +80,11 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.r9;
+            return this.i.sj;
         },
         set: function (v) {
-            this.i.r9 = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.r9));
+            this.i.sj = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.sj));
         },
         enumerable: false,
         configurable: true
@@ -94,10 +94,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get: function () {
-            return this.i.sr;
+            return this.i.s1;
         },
         set: function (v) {
-            this.i.sr = v;
+            this.i.s1 = v;
         },
         enumerable: false,
         configurable: true
@@ -107,24 +107,24 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the format string to use when editing dates.
         */
         get: function () {
-            return this.i.sk;
+            return this.i.su;
         },
         set: function (v) {
-            this.i.sk = v;
+            this.i.su = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.r5;
+            return this.i.sf;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.r5 = v;
+            this.i.sf = v;
         },
         enumerable: false,
         configurable: true
@@ -134,10 +134,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get: function () {
-            return this.i.sg;
+            return this.i.sq;
         },
         set: function (v) {
-            this.i.sg = v;
+            this.i.sq = v;
         },
         enumerable: false,
         configurable: true
@@ -147,11 +147,11 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get: function () {
-            return this.i.sc;
+            return this.i.sm;
         },
         set: function (v) {
-            this.i.sc = ensureBool(v);
-            this._a("showTodayButton", this.i.sc);
+            this.i.sm = ensureBool(v);
+            this._a("showTodayButton", this.i.sm);
         },
         enumerable: false,
         configurable: true
@@ -161,11 +161,11 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.sa;
+            return this.i.sk;
         },
         set: function (v) {
-            this.i.sa = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.sa));
+            this.i.sk = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.sk));
         },
         enumerable: false,
         configurable: true
@@ -175,10 +175,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.sf;
+            return this.i.sp;
         },
         set: function (v) {
-            this.i.sf = v;
+            this.i.sp = v;
         },
         enumerable: false,
         configurable: true
@@ -188,10 +188,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.sm;
+            return this.i.sw;
         },
         set: function (v) {
-            this.i.sm = v;
+            this.i.sw = v;
         },
         enumerable: false,
         configurable: true
@@ -201,10 +201,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.sn;
+            return this.i.sx;
         },
         set: function (v) {
-            this.i.sn = v;
+            this.i.sx = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-editor-cell-info.js

@@ -30,7 +30,7 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the editor cell is hidden or not.
         */
         get: function () {
-            return this.i.oh;
+            return this.i.ol;
         },
         enumerable: false,
         configurable: true
@@ -40,14 +40,14 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the edit target for this cell.
         */
         get: function () {
-            var r = this.i.oa;
+            var r = this.i.oe;
             if (r == null) {
                 return null;
             }
             return r.externalObject;
         },
         set: function (v) {
-            v == null ? this.i.oa = null : this.i.oa = v.i;
+            v == null ? this.i.oe = null : this.i.oe = v.i;
         },
         enumerable: false,
         configurable: true
@@ -57,10 +57,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the data type associated with the cell being edited.
         */
         get: function () {
-            return this.i.n8;
+            return this.i.oc;
         },
         set: function (v) {
-            this.i.n8 = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+            this.i.oc = ensureEnum(DataSourceSchemaPropertyType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -70,10 +70,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the error message to display in the editor cell.
         */
         get: function () {
-            return this.i.pd;
+            return this.i.ph;
         },
         set: function (v) {
-            this.i.pd = v;
+            this.i.ph = v;
         },
         enumerable: false,
         configurable: true
@@ -83,10 +83,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the user selected value.
         */
         get: function () {
-            return this.i.o0;
+            return this.i.o4;
         },
         set: function (v) {
-            this.i.o0 = v;
+            this.i.o4 = v;
         },
         enumerable: false,
         configurable: true
@@ -96,10 +96,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the type of editor to use while cell editing.
         */
         get: function () {
-            return this.i.oc;
+            return this.i.og;
         },
         set: function (v) {
-            this.i.oc = ensureEnum(EditorType_$type, v);
+            this.i.og = ensureEnum(EditorType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -109,10 +109,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the data source to use for the editor where it makes sense.
         */
         get: function () {
-            return this.i.oz;
+            return this.i.o3;
         },
         set: function (v) {
-            this.i.oz = v;
+            this.i.o3 = v;
         },
         enumerable: false,
         configurable: true
@@ -122,10 +122,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editors display member.
         */
         get: function () {
-            return this.i.o8;
+            return this.i.pc;
         },
         set: function (v) {
-            this.i.o8 = v;
+            this.i.pc = v;
         },
         enumerable: false,
         configurable: true
@@ -135,34 +135,34 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editors value member.
         */
         get: function () {
-            return this.i.n6;
+            return this.i.oa;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.n6 = v;
+            this.i.oa = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcEditorCellInfo.prototype, "dateFormatString", {
         get: function () {
-            return this.i.o5;
+            return this.i.o9;
         },
         set: function (v) {
-            this.i.o5 = v;
+            this.i.o9 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcEditorCellInfo.prototype, "showTodayButton", {
         get: function () {
-            return this.i.oi;
+            return this.i.om;
         },
         set: function (v) {
-            this.i.oi = ensureBool(v);
+            this.i.om = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -172,7 +172,7 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the row index that the editor cell is targeting for edit.
         */
         get: function () {
-            return this.i.ox;
+            return this.i.o1;
         },
         enumerable: false,
         configurable: true
@@ -182,7 +182,7 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the column index that the editor cell is targeting for edit.
         */
         get: function () {
-            return this.i.ow;
+            return this.i.o0;
         },
         enumerable: false,
         configurable: true