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

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

@@ -96,10 +96,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
      * Gets the style key of the current cell, used for recycling.
     */
         get: function () {
-            return this.i.k9;
+            return this.i.ld;
         },
         set: function (v) {
-            this.i.k9 = v;
+            this.i.ld = v;
         },
         enumerable: false,
         configurable: true
@@ -314,20 +314,20 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the indent level of the cell.
         */
         get: function () {
-            return this.i.gf;
+            return this.i.gg;
         },
         set: function (v) {
-            this.i.gf = +v;
+            this.i.gg = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCellInfo.prototype, "rowItem", {
         get: function () {
-            return this.i.ih;
+            return this.i.ij;
         },
         set: function (v) {
-            this.i.ih = v;
+            this.i.ij = v;
         },
         enumerable: false,
         configurable: true
@@ -363,10 +363,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the pixel snapped X position of the cell within the content.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hh;
         },
         set: function (v) {
-            this.i.hf = +v;
+            this.i.hh = +v;
         },
         enumerable: false,
         configurable: true
@@ -376,10 +376,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the snapped Y position of the cell within the content.
         */
         get: function () {
-            return this.i.hh;
+            return this.i.hj;
         },
         set: function (v) {
-            this.i.hh = +v;
+            this.i.hj = +v;
         },
         enumerable: false,
         configurable: true
@@ -454,10 +454,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the height of the cell.
         */
         get: function () {
-            return this.i.f9;
+            return this.i.ga;
         },
         set: function (v) {
-            this.i.f9 = +v;
+            this.i.ga = +v;
         },
         enumerable: false,
         configurable: true
@@ -467,10 +467,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the width of the cell.
         */
         get: function () {
-            return this.i.h6;
+            return this.i.h8;
         },
         set: function (v) {
-            this.i.h6 = +v;
+            this.i.h8 = +v;
         },
         enumerable: false,
         configurable: true
@@ -571,10 +571,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color of the cell.
         */
         get: function () {
-            return brushToString(this.i.ng);
+            return brushToString(this.i.nm);
         },
         set: function (v) {
-            this.i.ng = stringToBrush(v);
+            this.i.nm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -584,10 +584,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color of the cell.
         */
         get: function () {
-            return brushToString(this.i.nj);
+            return brushToString(this.i.np);
         },
         set: function (v) {
-            this.i.nj = stringToBrush(v);
+            this.i.np = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -597,10 +597,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color of the cell
         */
         get: function () {
-            return brushToString(this.i.nd);
+            return brushToString(this.i.nj);
         },
         set: function (v) {
-            this.i.nd = stringToBrush(v);
+            this.i.nj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -610,10 +610,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color of the cell
         */
         get: function () {
-            return brushToString(this.i.ne);
+            return brushToString(this.i.nk);
         },
         set: function (v) {
-            this.i.ne = stringToBrush(v);
+            this.i.nk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -623,10 +623,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color of the cell
         */
         get: function () {
-            return brushToString(this.i.nc);
+            return brushToString(this.i.ni);
         },
         set: function (v) {
-            this.i.nc = stringToBrush(v);
+            this.i.ni = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -636,10 +636,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the error border color of the cell.
         */
         get: function () {
-            return brushToString(this.i.nl);
+            return brushToString(this.i.nr);
         },
         set: function (v) {
-            this.i.nl = stringToBrush(v);
+            this.i.nr = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -649,10 +649,23 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the selected background color of the cell.
         */
         get: function () {
-            return brushToString(this.i.ns);
+            return brushToString(this.i.nz);
         },
         set: function (v) {
-            this.i.ns = stringToBrush(v);
+            this.i.nz = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCellInfo.prototype, "selectedTextColor", {
+        /**
+         * Gets or sets the selected text color of the cell.
+        */
+        get: function () {
+            return brushToString(this.i.n0);
+        },
+        set: function (v) {
+            this.i.n0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -662,10 +675,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover background color of the cell.
         */
         get: function () {
-            return brushToString(this.i.no);
+            return brushToString(this.i.nv);
         },
         set: function (v) {
-            this.i.no = stringToBrush(v);
+            this.i.nv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -675,10 +688,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover text color of the cell.
         */
         get: function () {
-            return brushToString(this.i.np);
+            return brushToString(this.i.nw);
         },
         set: function (v) {
-            this.i.np = stringToBrush(v);
+            this.i.nw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -688,10 +701,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color for the sort indicator icon.
         */
         get: function () {
-            return brushToString(this.i.nt);
+            return brushToString(this.i.n1);
         },
         set: function (v) {
-            this.i.nt = stringToBrush(v);
+            this.i.n1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -701,10 +714,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color for the cell when it is stuck to the top of the grid as a pinned row.
         */
         get: function () {
-            return brushToString(this.i.nu);
+            return brushToString(this.i.n2);
         },
         set: function (v) {
-            this.i.nu = stringToBrush(v);
+            this.i.n2 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -714,10 +727,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color for the cell that has been marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.nr);
+            return brushToString(this.i.ny);
         },
         set: function (v) {
-            this.i.nr = stringToBrush(v);
+            this.i.ny = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -727,10 +740,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.nq);
+            return brushToString(this.i.nx);
         },
         set: function (v) {
-            this.i.nq = stringToBrush(v);
+            this.i.nx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -740,10 +753,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color for filter row.
         */
         get: function () {
-            return brushToString(this.i.nm);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.nm = stringToBrush(v);
+            this.i.nt = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -766,10 +779,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the original value for the cell, before processing.
         */
         get: function () {
-            return this.i.ig;
+            return this.i.ii;
         },
         set: function (v) {
-            this.i.ig = v;
+            this.i.ii = v;
         },
         enumerable: false,
         configurable: true
@@ -779,10 +792,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the text value, if any, which was rendered by a text cell.
         */
         get: function () {
-            return this.i.ky;
+            return this.i.k1;
         },
         set: function (v) {
-            this.i.ky = v;
+            this.i.k1 = v;
         },
         enumerable: false,
         configurable: true
@@ -792,10 +805,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * If set, this text will be used when rendering the cell value.
         */
         get: function () {
-            return this.i.lu;
+            return this.i.ly;
         },
         set: function (v) {
-            this.i.lu = v;
+            this.i.ly = v;
         },
         enumerable: false,
         configurable: true
@@ -805,10 +818,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color of the text for the cell, if any.
         */
         get: function () {
-            return brushToString(this.i.ny);
+            return brushToString(this.i.n6);
         },
         set: function (v) {
-            this.i.ny = stringToBrush(v);
+            this.i.n6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -818,10 +831,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color of the text for the cell, if any.
         */
         get: function () {
-            return brushToString(this.i.nf);
+            return brushToString(this.i.nl);
         },
         set: function (v) {
-            this.i.nf = stringToBrush(v);
+            this.i.nl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -831,10 +844,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the text color for cells in deleted rows.
         */
         get: function () {
-            return brushToString(this.i.nk);
+            return brushToString(this.i.nq);
         },
         set: function (v) {
-            this.i.nk = stringToBrush(v);
+            this.i.nq = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -874,10 +887,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the text to display in the suffix area of the cell.
         */
         get: function () {
-            return this.i.ll;
+            return this.i.lp;
         },
         set: function (v) {
-            this.i.ll = v;
+            this.i.lp = v;
         },
         enumerable: false,
         configurable: true
@@ -887,10 +900,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color of the suffix text for the cell, if any.
         */
         get: function () {
-            return brushToString(this.i.nx);
+            return brushToString(this.i.n5);
         },
         set: function (v) {
-            this.i.nx = stringToBrush(v);
+            this.i.n5 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -915,10 +928,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the icon to display in the suffix area of the cell.
         */
         get: function () {
-            return this.i.ld;
+            return this.i.lh;
         },
         set: function (v) {
-            this.i.ld = v;
+            this.i.lh = v;
         },
         enumerable: false,
         configurable: true
@@ -928,10 +941,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the icon to display in the suffix area of the cell.
         */
         get: function () {
-            return this.i.la;
+            return this.i.le;
         },
         set: function (v) {
-            this.i.la = v;
+            this.i.le = v;
         },
         enumerable: false,
         configurable: true
@@ -941,10 +954,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the stroke color of the suffix icon.
         */
         get: function () {
-            return brushToString(this.i.nw);
+            return brushToString(this.i.n4);
         },
         set: function (v) {
-            this.i.nw = stringToBrush(v);
+            this.i.n4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -954,10 +967,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the fill color of the suffix icon.
         */
         get: function () {
-            return brushToString(this.i.nv);
+            return brushToString(this.i.n3);
         },
         set: function (v) {
-            this.i.nv = stringToBrush(v);
+            this.i.n3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1071,10 +1084,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the left padding to use for the content.
         */
         get: function () {
-            return this.i.g1;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.g1 = +v;
+            this.i.g2 = +v;
         },
         enumerable: false,
         configurable: true
@@ -1084,10 +1097,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the top padding to use for the content.
         */
         get: function () {
-            return this.i.g5;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.g5 = +v;
+            this.i.g6 = +v;
         },
         enumerable: false,
         configurable: true
@@ -1097,10 +1110,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the right padding to use for the content.
         */
         get: function () {
-            return this.i.g3;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g3 = +v;
+            this.i.g4 = +v;
         },
         enumerable: false,
         configurable: true
@@ -1110,10 +1123,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the bottom padding to use for the content.
         */
         get: function () {
-            return this.i.gz;
+            return this.i.g0;
         },
         set: function (v) {
-            this.i.gz = +v;
+            this.i.g0 = +v;
         },
         enumerable: false,
         configurable: true
@@ -1417,6 +1430,19 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcCellInfo.prototype, "expansionIndicatorIconColor", {
+        /**
+         * Gets or sets the color used to render the expansion indicator icon for this cell.
+        */
+        get: function () {
+            return brushToString(this.i.ns);
+        },
+        set: function (v) {
+            this.i.ns = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcCellInfo.prototype, "pinned", {
         /**
          * Gets the fixed column position of this cell.
@@ -1476,10 +1502,10 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the error message for the cell.
         */
         get: function () {
-            return this.i.jq;
+            return this.i.js;
         },
         set: function (v) {
-            this.i.jq = v;
+            this.i.js = v;
         },
         enumerable: false,
         configurable: true
@@ -1538,7 +1564,7 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
         return (iv);
     };
     IgcCellInfo.prototype.setNamedValue = function (valueName, value) {
-        this.i.mo(valueName, value);
+        this.i.ms(valueName, value);
     };
     /**
      * Returns if there is a named value stored for the cell.
@@ -1555,7 +1581,7 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The name of the value to remove.
     */
     IgcCellInfo.prototype.removeNamedValue = function (valueName) {
-        this.i.mk(valueName);
+        this.i.mo(valueName);
     };
     /**
      * Gets a named value from the cell.
@@ -1563,7 +1589,7 @@ var IgcCellInfo = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The name of the value to get.
     */
     IgcCellInfo.prototype.getNamedValue = function (valueName) {
-        var iv = this.i.id(valueName);
+        var iv = this.i.ig(valueName);
         return (iv);
     };
     return IgcCellInfo;

package/esm5/lib/igc-column-moving-separator-component.js

@@ -75,33 +75,33 @@ export var IgcColumnMovingSeparatorComponent = /** @class */ /*@__PURE__*/ (func
          * Gets or sets the separator width for this column.
         */
         get: function () {
-            return this.i.g6;
+            return this.i.g7;
         },
         set: function (v) {
-            this.i.g6 = +v;
-            this._a("separatorWidth", this.i.g6);
+            this.i.g7 = +v;
+            this._a("separatorWidth", this.i.g7);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcColumnMovingSeparatorComponent.prototype, "actualOpacity", {
         get: function () {
-            return this.i.g3;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g3 = +v;
-            this._a("actualOpacity", this.i.g3);
+            this.i.g4 = +v;
+            this._a("actualOpacity", this.i.g4);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcColumnMovingSeparatorComponent.prototype, "opacity", {
         get: function () {
-            return this.i.g4;
+            return this.i.g5;
         },
         set: function (v) {
-            this.i.g4 = +v;
-            this._a("opacity", this.i.g4);
+            this.i.g5 = +v;
+            this._a("opacity", this.i.g5);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-column-resizing-separator-component.js

@@ -72,22 +72,22 @@ export var IgcColumnResizingSeparatorComponent = /** @class */ /*@__PURE__*/ (fu
     };
     Object.defineProperty(IgcColumnResizingSeparatorComponent.prototype, "actualOpacity", {
         get: function () {
-            return this.i.g3;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g3 = +v;
-            this._a("actualOpacity", this.i.g3);
+            this.i.g4 = +v;
+            this._a("actualOpacity", this.i.g4);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcColumnResizingSeparatorComponent.prototype, "opacity", {
         get: function () {
-            return this.i.g4;
+            return this.i.g5;
         },
         set: function (v) {
-            this.i.g4 = +v;
-            this._a("opacity", this.i.g4);
+            this.i.g5 = +v;
+            this._a("opacity", this.i.g5);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-combo-box-column-component.js

@@ -78,10 +78,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual data source that is being used by the combo. If a collection was provided for the combobox data, an implicit LocalDataSource is created, and this is available via this property.
         */
         get: function () {
-            return this.i.ry;
+            return this.i.r9;
         },
         set: function (v) {
-            this.i.ry = v;
+            this.i.r9 = v;
         },
         enumerable: false,
         configurable: true
@@ -91,10 +91,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.rz;
+            return this.i.sa;
         },
         set: function (v) {
-            this.i.rz = v;
+            this.i.sa = v;
         },
         enumerable: false,
         configurable: true
@@ -104,10 +104,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.r3;
+            return this.i.se;
         },
         set: function (v) {
-            this.i.r3 = v;
+            this.i.se = v;
         },
         enumerable: false,
         configurable: true
@@ -117,10 +117,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.r4;
+            return this.i.sf;
         },
         set: function (v) {
-            this.i.r4 = v;
+            this.i.sf = v;
         },
         enumerable: false,
         configurable: true
@@ -130,14 +130,14 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.rw;
+            return this.i.r7;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.rw = v;
+            this.i.r7 = v;
         },
         enumerable: false,
         configurable: true