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

package/esm2015/lib/TextIconSetConditionalStyle.js

@@ -87,7 +87,7 @@ let TextIconSetConditionalStyle = /*@__PURE__*/ (() => {
                     i.cs = "FontInfo";
                     i.aj = ((() => {
                         let $ret = new GridConditionalStyleFontInfo();
-                        $ret.textStyle = GridStyleRepository.d(this.g.grid.theme, 33);
+                        $ret.textStyle = GridStyleRepository.d(this.g.grid.theme, 34);
                         return $ret;
                     })());
                     h.properties.add(i);

package/esm2015/lib/VerticalSeparatorCell.js

@@ -11,56 +11,56 @@ let VerticalSeparatorCell = /*@__PURE__*/ (() => {
     class VerticalSeparatorCell extends GridCellBase {
         constructor(a) {
             super(a);
-            this.dx = null;
-            this.dw = null;
-            this.dy = 0;
-            this.dz = 0;
-            this.dx = a.createElement("div");
-            this.dx.setRawStyleProperty("position", "absolute");
-            this.dx.setRawStyleProperty("pointer-events", "none");
-            this.ar.append(this.dx);
+            this.d0 = null;
+            this.dz = null;
+            this.d1 = 0;
+            this.d2 = 0;
+            this.d0 = a.createElement("div");
+            this.d0.setRawStyleProperty("position", "absolute");
+            this.d0.setRawStyleProperty("pointer-events", "none");
+            this.ar.append(this.d0);
         }
-        cx(a, b, c, d, e) {
+        cy(a, b, c, d, e) {
             if (a == null) {
-                if (this.dw != null) {
-                    this.dw.remove();
-                    this.dw = null;
+                if (this.dz != null) {
+                    this.dz.remove();
+                    this.dz = null;
                 }
             }
             else {
-                this.d0();
-                this.dy = b;
-                this.dz = d;
+                this.d3();
+                this.d1 = b;
+                this.d2 = d;
             }
-            this.d1();
+            this.d4();
         }
-        dc(a, b) {
-            super.dc(a, b);
-            this.d1();
+        dd(a, b) {
+            super.dd(a, b);
+            this.d4();
         }
-        cw(a) {
-            this.dx.setRawStyleProperty("background-color", a.colorString);
+        cx(a) {
+            this.d0.setRawStyleProperty("background-color", a.colorString);
         }
-        d1() {
-            if (this.dw != null) {
-                this.dx.setRawStyleProperty("height", "100%");
-                this.dx.setRawStyleProperty("width", this.ar.width() - (this.dy + this.dz) + "px");
-                this.dx.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
-                this.dw.setRawStyleProperty("width", "100%");
-                this.dw.setRawStyleProperty("height", "100%");
+        d4() {
+            if (this.dz != null) {
+                this.d0.setRawStyleProperty("height", "100%");
+                this.d0.setRawStyleProperty("width", this.ar.width() - (this.d1 + this.d2) + "px");
+                this.d0.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
+                this.dz.setRawStyleProperty("width", "100%");
+                this.dz.setRawStyleProperty("height", "100%");
             }
             else {
-                this.dx.setRawStyleProperty("height", "100%");
-                this.dx.setRawStyleProperty("width", this.ar.width() + "px");
-                this.dx.setRawStyleProperty("left", "0px");
+                this.d0.setRawStyleProperty("height", "100%");
+                this.d0.setRawStyleProperty("width", this.ar.width() + "px");
+                this.d0.setRawStyleProperty("left", "0px");
             }
         }
-        d0() {
-            if (this.dw == null) {
-                this.dw = this.am.createElement("div");
-                this.dw.setRawStyleProperty("position", "absolute");
-                this.dw.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
-                this.ar.getNativeElement().insertBefore(this.dw.getNativeElement(), this.dx.getNativeElement());
+        d3() {
+            if (this.dz == null) {
+                this.dz = this.am.createElement("div");
+                this.dz.setRawStyleProperty("position", "absolute");
+                this.dz.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
+                this.ar.getNativeElement().insertBefore(this.dz.getNativeElement(), this.d0.getNativeElement());
             }
         }
     }

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

@@ -83,10 +83,10 @@ export class IgcCellInfo {
  * Gets the style key of the current cell, used for recycling.
 */
     get styleKey() {
-        return this.i.k9;
+        return this.i.ld;
     }
     set styleKey(v) {
-        this.i.k9 = v;
+        this.i.ld = v;
     }
     /**
      * Gets the absolute data row for the current cell.
@@ -233,16 +233,16 @@ export class IgcCellInfo {
      * Gets the indent level of the cell.
     */
     get indent() {
-        return this.i.gf;
+        return this.i.gg;
     }
     set indent(v) {
-        this.i.gf = +v;
+        this.i.gg = +v;
     }
     get rowItem() {
-        return this.i.ih;
+        return this.i.ij;
     }
     set rowItem(v) {
-        this.i.ih = v;
+        this.i.ij = v;
     }
     /**
      * Gets the X position of the cell within the content.
@@ -266,19 +266,19 @@ export class IgcCellInfo {
      * Gets the pixel snapped X position of the cell within the content.
     */
     get snappedX() {
-        return this.i.hf;
+        return this.i.hh;
     }
     set snappedX(v) {
-        this.i.hf = +v;
+        this.i.hh = +v;
     }
     /**
      * Gets the snapped Y position of the cell within the content.
     */
     get snappedY() {
-        return this.i.hh;
+        return this.i.hj;
     }
     set snappedY(v) {
-        this.i.hh = +v;
+        this.i.hj = +v;
     }
     /**
      * Gets or sets the opacity for cells that have unsaved edits.
@@ -329,19 +329,19 @@ export class IgcCellInfo {
      * Gets the height of the cell.
     */
     get height() {
-        return this.i.f9;
+        return this.i.ga;
     }
     set height(v) {
-        this.i.f9 = +v;
+        this.i.ga = +v;
     }
     /**
      * Gets the width of the cell.
     */
     get width() {
-        return this.i.h6;
+        return this.i.h8;
     }
     set width(v) {
-        this.i.h6 = +v;
+        this.i.h8 = +v;
     }
     /**
      * Gets if the cell is selected.
@@ -410,127 +410,136 @@ export class IgcCellInfo {
      * Gets or sets the background color of the cell.
     */
     get background() {
-        return brushToString(this.i.ng);
+        return brushToString(this.i.nm);
     }
     set background(v) {
-        this.i.ng = stringToBrush(v);
+        this.i.nm = stringToBrush(v);
     }
     /**
      * Gets or sets the border color of the cell.
     */
     get border() {
-        return brushToString(this.i.nj);
+        return brushToString(this.i.np);
     }
     set border(v) {
-        this.i.nj = stringToBrush(v);
+        this.i.np = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get actualBackground() {
-        return brushToString(this.i.nd);
+        return brushToString(this.i.nj);
     }
     set actualBackground(v) {
-        this.i.nd = stringToBrush(v);
+        this.i.nj = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get actualBorder() {
-        return brushToString(this.i.ne);
+        return brushToString(this.i.nk);
     }
     set actualBorder(v) {
-        this.i.ne = stringToBrush(v);
+        this.i.nk = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get activationBorder() {
-        return brushToString(this.i.nc);
+        return brushToString(this.i.ni);
     }
     set activationBorder(v) {
-        this.i.nc = stringToBrush(v);
+        this.i.ni = stringToBrush(v);
     }
     /**
      * Gets or sets the error border color of the cell.
     */
     get errorBorder() {
-        return brushToString(this.i.nl);
+        return brushToString(this.i.nr);
     }
     set errorBorder(v) {
-        this.i.nl = stringToBrush(v);
+        this.i.nr = stringToBrush(v);
     }
     /**
      * Gets or sets the selected background color of the cell.
     */
     get selectedBackground() {
-        return brushToString(this.i.ns);
+        return brushToString(this.i.nz);
     }
     set selectedBackground(v) {
-        this.i.ns = stringToBrush(v);
+        this.i.nz = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the selected text color of the cell.
+    */
+    get selectedTextColor() {
+        return brushToString(this.i.n0);
+    }
+    set selectedTextColor(v) {
+        this.i.n0 = stringToBrush(v);
     }
     /**
      * Gets or sets the hover background color of the cell.
     */
     get hoverBackground() {
-        return brushToString(this.i.no);
+        return brushToString(this.i.nv);
     }
     set hoverBackground(v) {
-        this.i.no = stringToBrush(v);
+        this.i.nv = stringToBrush(v);
     }
     /**
      * Gets or sets the hover text color of the cell.
     */
     get hoverTextColor() {
-        return brushToString(this.i.np);
+        return brushToString(this.i.nw);
     }
     set hoverTextColor(v) {
-        this.i.np = stringToBrush(v);
+        this.i.nw = stringToBrush(v);
     }
     /**
      * Gets or sets the color for the sort indicator icon.
     */
     get sortIndicatorColor() {
-        return brushToString(this.i.nt);
+        return brushToString(this.i.n1);
     }
     set sortIndicatorColor(v) {
-        this.i.nt = stringToBrush(v);
+        this.i.n1 = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for the cell when it is stuck to the top of the grid as a pinned row.
     */
     get stickyRowBackground() {
-        return brushToString(this.i.nu);
+        return brushToString(this.i.n2);
     }
     set stickyRowBackground(v) {
-        this.i.nu = stringToBrush(v);
+        this.i.n2 = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for the cell that has been marked as pinned.
     */
     get pinnedRowBackground() {
-        return brushToString(this.i.nr);
+        return brushToString(this.i.ny);
     }
     set pinnedRowBackground(v) {
-        this.i.nr = stringToBrush(v);
+        this.i.ny = stringToBrush(v);
     }
     /**
      * Gets or sets the color for the last row in the sticky row area.
     */
     get lastStickyRowBackground() {
-        return brushToString(this.i.nq);
+        return brushToString(this.i.nx);
     }
     set lastStickyRowBackground(v) {
-        this.i.nq = stringToBrush(v);
+        this.i.nx = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for filter row.
     */
     get filterRowBackground() {
-        return brushToString(this.i.nm);
+        return brushToString(this.i.nt);
     }
     set filterRowBackground(v) {
-        this.i.nm = stringToBrush(v);
+        this.i.nt = stringToBrush(v);
     }
     /**
      * Gets or sets the color to use for displaying text.
@@ -545,55 +554,55 @@ export class IgcCellInfo {
      * Gets or sets the original value for the cell, before processing.
     */
     get originalValue() {
-        return this.i.ig;
+        return this.i.ii;
     }
     set originalValue(v) {
-        this.i.ig = v;
+        this.i.ii = v;
     }
     /**
      * Gets or sets the text value, if any, which was rendered by a text cell.
     */
     get renderValue() {
-        return this.i.ky;
+        return this.i.k1;
     }
     set renderValue(v) {
-        this.i.ky = v;
+        this.i.k1 = v;
     }
     /**
      * If set, this text will be used when rendering the cell value.
     */
     get userFormattedValue() {
-        return this.i.lu;
+        return this.i.ly;
     }
     set userFormattedValue(v) {
-        this.i.lu = v;
+        this.i.ly = v;
     }
     /**
      * Gets or sets the color of the text for the cell, if any.
     */
     get textColor() {
-        return brushToString(this.i.ny);
+        return brushToString(this.i.n6);
     }
     set textColor(v) {
-        this.i.ny = stringToBrush(v);
+        this.i.n6 = stringToBrush(v);
     }
     /**
      * Gets the actual color of the text for the cell, if any.
     */
     get actualTextColor() {
-        return brushToString(this.i.nf);
+        return brushToString(this.i.nl);
     }
     set actualTextColor(v) {
-        this.i.nf = stringToBrush(v);
+        this.i.nl = stringToBrush(v);
     }
     /**
      * Gets or sets the text color for cells in deleted rows.
     */
     get deletedTextColor() {
-        return brushToString(this.i.nk);
+        return brushToString(this.i.nq);
     }
     set deletedTextColor(v) {
-        this.i.nk = stringToBrush(v);
+        this.i.nq = stringToBrush(v);
     }
     get font() {
         if (this.i.aj == null) {
@@ -621,19 +630,19 @@ export class IgcCellInfo {
      * Gets or sets the text to display in the suffix area of the cell.
     */
     get suffixText() {
-        return this.i.ll;
+        return this.i.lp;
     }
     set suffixText(v) {
-        this.i.ll = v;
+        this.i.lp = v;
     }
     /**
      * Gets or sets the color of the suffix text for the cell, if any.
     */
     get suffixTextColor() {
-        return brushToString(this.i.nx);
+        return brushToString(this.i.n5);
     }
     set suffixTextColor(v) {
-        this.i.nx = stringToBrush(v);
+        this.i.n5 = stringToBrush(v);
     }
     get suffixTextFont() {
         if (this.i.ak == null) {
@@ -650,37 +659,37 @@ export class IgcCellInfo {
      * Gets or sets the icon to display in the suffix area of the cell.
     */
     get suffixIconName() {
-        return this.i.ld;
+        return this.i.lh;
     }
     set suffixIconName(v) {
-        this.i.ld = v;
+        this.i.lh = v;
     }
     /**
      * Gets or sets the icon to display in the suffix area of the cell.
     */
     get suffixIconCollectionName() {
-        return this.i.la;
+        return this.i.le;
     }
     set suffixIconCollectionName(v) {
-        this.i.la = v;
+        this.i.le = v;
     }
     /**
      * Gets or sets the stroke color of the suffix icon.
     */
     get suffixIconStroke() {
-        return brushToString(this.i.nw);
+        return brushToString(this.i.n4);
     }
     set suffixIconStroke(v) {
-        this.i.nw = stringToBrush(v);
+        this.i.n4 = stringToBrush(v);
     }
     /**
      * Gets or sets the fill color of the suffix icon.
     */
     get suffixIconFill() {
-        return brushToString(this.i.nv);
+        return brushToString(this.i.n3);
     }
     set suffixIconFill(v) {
-        this.i.nv = stringToBrush(v);
+        this.i.n3 = stringToBrush(v);
     }
     /**
      * Gets or sets the suffix icon's viewbox x coordinate.
@@ -758,37 +767,37 @@ export class IgcCellInfo {
      * Gets or sets the left padding to use for the content.
     */
     get paddingLeft() {
-        return this.i.g1;
+        return this.i.g2;
     }
     set paddingLeft(v) {
-        this.i.g1 = +v;
+        this.i.g2 = +v;
     }
     /**
      * Gets or sets the top padding to use for the content.
     */
     get paddingTop() {
-        return this.i.g5;
+        return this.i.g6;
     }
     set paddingTop(v) {
-        this.i.g5 = +v;
+        this.i.g6 = +v;
     }
     /**
      * Gets or sets the right padding to use for the content.
     */
     get paddingRight() {
-        return this.i.g3;
+        return this.i.g4;
     }
     set paddingRight(v) {
-        this.i.g3 = +v;
+        this.i.g4 = +v;
     }
     /**
      * Gets or sets the bottom padding to use for the content.
     */
     get paddingBottom() {
-        return this.i.gz;
+        return this.i.g0;
     }
     set paddingBottom(v) {
-        this.i.gz = +v;
+        this.i.g0 = +v;
     }
     /**
      * Gets or sets the left padding to use for the content.
@@ -997,6 +1006,15 @@ export class IgcCellInfo {
     set isCollapsable(v) {
         this.i.a6 = ensureBool(v);
     }
+    /**
+     * Gets or sets the color used to render the expansion indicator icon for this cell.
+    */
+    get expansionIndicatorIconColor() {
+        return brushToString(this.i.ns);
+    }
+    set expansionIndicatorIconColor(v) {
+        this.i.ns = stringToBrush(v);
+    }
     /**
      * Gets the fixed column position of this cell.
     */
@@ -1039,10 +1057,10 @@ export class IgcCellInfo {
      * Gets or sets the error message for the cell.
     */
     get editError() {
-        return this.i.jq;
+        return this.i.js;
     }
     set editError(v) {
-        this.i.jq = v;
+        this.i.js = v;
     }
     /**
      * Gets whether the cell is in edit mode.
@@ -1090,7 +1108,7 @@ export class IgcCellInfo {
         return (iv);
     }
     setNamedValue(valueName, value) {
-        this.i.mo(valueName, value);
+        this.i.ms(valueName, value);
     }
     /**
      * Returns if there is a named value stored for the cell.
@@ -1107,7 +1125,7 @@ export class IgcCellInfo {
     * @param valueName  * The name of the value to remove.
     */
     removeNamedValue(valueName) {
-        this.i.mk(valueName);
+        this.i.mo(valueName);
     }
     /**
      * Gets a named value from the cell.
@@ -1115,7 +1133,7 @@ export class IgcCellInfo {
     * @param valueName  * The name of the value to get.
     */
     getNamedValue(valueName) {
-        let iv = this.i.id(valueName);
+        let iv = this.i.ig(valueName);
         return (iv);
     }
 }

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

@@ -65,25 +65,25 @@ let IgcColumnMovingSeparatorComponent = /*@__PURE__*/ (() => {
          * Gets or sets the separator width for this column.
         */
         get separatorWidth() {
-            return this.i.g6;
+            return this.i.g7;
         }
         set separatorWidth(v) {
-            this.i.g6 = +v;
-            this._a("separatorWidth", this.i.g6);
+            this.i.g7 = +v;
+            this._a("separatorWidth", this.i.g7);
         }
         get actualOpacity() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set actualOpacity(v) {
-            this.i.g3 = +v;
-            this._a("actualOpacity", this.i.g3);
+            this.i.g4 = +v;
+            this._a("actualOpacity", this.i.g4);
         }
         get opacity() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set opacity(v) {
-            this.i.g4 = +v;
-            this._a("opacity", this.i.g4);
+            this.i.g5 = +v;
+            this._a("opacity", this.i.g5);
         }
     }
     IgcColumnMovingSeparatorComponent._observedAttributesIgcColumnMovingSeparatorComponent = null;

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

@@ -62,18 +62,18 @@ let IgcColumnResizingSeparatorComponent = /*@__PURE__*/ (() => {
             }
         }
         get actualOpacity() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set actualOpacity(v) {
-            this.i.g3 = +v;
-            this._a("actualOpacity", this.i.g3);
+            this.i.g4 = +v;
+            this._a("actualOpacity", this.i.g4);
         }
         get opacity() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set opacity(v) {
-            this.i.g4 = +v;
-            this._a("opacity", this.i.g4);
+            this.i.g5 = +v;
+            this._a("opacity", this.i.g5);
         }
     }
     IgcColumnResizingSeparatorComponent._observedAttributesIgcColumnResizingSeparatorComponent = null;