igniteui-webcomponents-data-grids 7.1.0-alpha.2 → 7.1.0-beta.0

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

@@ -2150,6 +2150,20 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "cellSelectedTextColor", {
+        /**
+         * Gets or sets the default text color to use for content cells when a row is in a selected state
+        */
+        get: function () {
+            return brushToString(this.i.cellSelectedTextColor);
+        },
+        set: function (v) {
+            this.i.cellSelectedTextColor = stringToBrush(v);
+            this._a("cellSelectedTextColor", brushToString(this.i.cellSelectedTextColor));
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "sectionHeaderSelectedBackground", {
         /**
          * Gets or sets the default background color to use for section header cells when a row is in a selected state
@@ -2427,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

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.ob;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.ob = 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.os;
+            return this.i.o0;
         },
         set: function (v) {
-            this.i.os = v;
+            this.i.o0 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeCellInfo.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.n2;
+            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.n2 = 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.ol;
+            return this.i.ot;
         },
         set: function (v) {
-            this.i.ol = 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.n7;
+            return this.i.of;
         },
         set: function (v) {
-            this.i.n7 = 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.n9;
+            return this.i.oh;
         },
         set: function (v) {
-            this.i.n9 = 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.r1;
+            return this.i.sc;
         },
         set: function (v) {
-            this.i.r1 = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.r1));
+            this.i.sc = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.sc));
         },
         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.sj;
+            return this.i.su;
         },
         set: function (v) {
-            this.i.sj = v;
+            this.i.su = 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.sc;
+            return this.i.sn;
         },
         set: function (v) {
-            this.i.sc = v;
+            this.i.sn = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.rx;
+            return this.i.r8;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.rx = v;
+            this.i.r8 = 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.r8;
+            return this.i.sj;
         },
         set: function (v) {
-            this.i.r8 = v;
+            this.i.sj = 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.r4;
+            return this.i.sf;
         },
         set: function (v) {
-            this.i.r4 = ensureBool(v);
-            this._a("showTodayButton", this.i.r4);
+            this.i.sf = ensureBool(v);
+            this._a("showTodayButton", this.i.sf);
         },
         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.r2;
+            return this.i.sd;
         },
         set: function (v) {
-            this.i.r2 = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.r2));
+            this.i.sd = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.sd));
         },
         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.r7;
+            return this.i.si;
         },
         set: function (v) {
-            this.i.r7 = v;
+            this.i.si = 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.se;
+            return this.i.sp;
         },
         set: function (v) {
-            this.i.se = v;
+            this.i.sp = 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.sf;
+            return this.i.sq;
         },
         set: function (v) {
-            this.i.sf = v;
+            this.i.sq = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-definition-base-component.js

@@ -624,11 +624,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.gz);
+            return brushToString(this.i.g0);
         },
         set: function (v) {
-            this.i.gz = stringToBrush(v);
-            this._a("stickyRowBackground", brushToString(this.i.gz));
+            this.i.g0 = stringToBrush(v);
+            this._a("stickyRowBackground", brushToString(this.i.g0));
         },
         enumerable: false,
         configurable: true
@@ -652,11 +652,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.gz);
         },
         set: function (v) {
-            this.i.gy = stringToBrush(v);
-            this._a("pinnedRowBackground", brushToString(this.i.gy));
+            this.i.gz = stringToBrush(v);
+            this._a("pinnedRowBackground", brushToString(this.i.gz));
         },
         enumerable: false,
         configurable: true
@@ -680,11 +680,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gx);
+            return brushToString(this.i.gy);
         },
         set: function (v) {
-            this.i.gx = stringToBrush(v);
-            this._a("lastStickyRowBackground", brushToString(this.i.gx));
+            this.i.gy = stringToBrush(v);
+            this._a("lastStickyRowBackground", brushToString(this.i.gy));
         },
         enumerable: false,
         configurable: true
@@ -778,11 +778,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return brushToString(this.i.g0);
+            return brushToString(this.i.g1);
         },
         set: function (v) {
-            this.i.g0 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.g0));
+            this.i.g1 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.g1));
         },
         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.od;
+            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.n6;
+            var r = this.i.oe;
             if (r == null) {
                 return null;
             }
             return r.externalObject;
         },
         set: function (v) {
-            v == null ? this.i.n6 = null : this.i.n6 = 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.n4;
+            return this.i.oc;
         },
         set: function (v) {
-            this.i.n4 = 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.o9;
+            return this.i.ph;
         },
         set: function (v) {
-            this.i.o9 = 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.ow;
+            return this.i.o4;
         },
         set: function (v) {
-            this.i.ow = 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.n8;
+            return this.i.og;
         },
         set: function (v) {
-            this.i.n8 = 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.ov;
+            return this.i.o3;
         },
         set: function (v) {
-            this.i.ov = 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.o4;
+            return this.i.pc;
         },
         set: function (v) {
-            this.i.o4 = 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.n2;
+            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.n2 = v;
+            this.i.oa = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcEditorCellInfo.prototype, "dateFormatString", {
         get: function () {
-            return this.i.o1;
+            return this.i.o9;
         },
         set: function (v) {
-            this.i.o1 = v;
+            this.i.o9 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcEditorCellInfo.prototype, "showTodayButton", {
         get: function () {
-            return this.i.oe;
+            return this.i.om;
         },
         set: function (v) {
-            this.i.oe = 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.ot;
+            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.os;
+            return this.i.o0;
         },
         enumerable: false,
         configurable: true

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

@@ -35,10 +35,10 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the cell is hit test visible.
         */
         get: function () {
-            return this.i.n6;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.n6 = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+            this.i.oe = ensureEnum(DataSourceSchemaPropertyType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -48,10 +48,10 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the current filter to display in the cell.
         */
         get: function () {
-            return this.i.n4;
+            return this.i.oc;
         },
         set: function (v) {
-            this.i.n4 = v;
+            this.i.oc = v;
         },
         enumerable: false,
         configurable: true
@@ -61,10 +61,10 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the current filter expression applied to the column.
         */
         get: function () {
-            return this.i.n8;
+            return this.i.og;
         },
         set: function (v) {
-            this.i.n8 = v;
+            this.i.og = v;
         },
         enumerable: false,
         configurable: true
@@ -73,12 +73,12 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._filterOperands === null) {
                 var coll = new IgcGridFilterOperandsCollection();
-                var innerColl = this.i.oa;
+                var innerColl = this.i.oi;
                 if (!innerColl) {
                     innerColl = new GridFilterOperandsCollection_internal();
                 }
                 this._filterOperands = coll._fromInner(innerColl);
-                this.i.oa = innerColl;
+                this.i.oi = innerColl;
             }
             return this._filterOperands;
         },
@@ -90,94 +90,94 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcGridFilterOperandsCollection();
             this._filterOperands = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            var innerColl = this.i.oa;
+            var innerColl = this.i.oi;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._filterOperands._setSyncTarget(syncColl);
-            this.i.oa = innerColl;
+            this.i.oi = innerColl;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "operatorType", {
         get: function () {
-            return this.i.n2;
+            return this.i.oa;
         },
         set: function (v) {
-            this.i.n2 = v;
+            this.i.oa = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "filterValue", {
         get: function () {
-            return this.i.oo;
+            return this.i.ow;
         },
         set: function (v) {
-            this.i.oo = v;
+            this.i.ow = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "selectorTop", {
         get: function () {
-            return this.i.oi;
+            return this.i.oq;
         },
         set: function (v) {
-            this.i.oi = +v;
+            this.i.oq = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "selectorLeft", {
         get: function () {
-            return this.i.oh;
+            return this.i.op;
         },
         set: function (v) {
-            this.i.oh = +v;
+            this.i.op = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "editorTop", {
         get: function () {
-            return this.i.og;
+            return this.i.oo;
         },
         set: function (v) {
-            this.i.og = +v;
+            this.i.oo = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "editorLeft", {
         get: function () {
-            return this.i.of;
+            return this.i.on;
         },
         set: function (v) {
-            this.i.of = +v;
+            this.i.on = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "clearIconTop", {
         get: function () {
-            return this.i.oe;
+            return this.i.om;
         },
         set: function (v) {
-            this.i.oe = +v;
+            this.i.om = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "clearIconLeft", {
         get: function () {
-            return this.i.od;
+            return this.i.ol;
         },
         set: function (v) {
-            this.i.od = +v;
+            this.i.ol = +v;
         },
         enumerable: false,
         configurable: true