igniteui-angular-data-grids 21.0.1 → 21.1.0-beta.0

package/esm2015/lib/VerticalSeparatorCell.js

@@ -14,56 +14,56 @@ export 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/igx-cell-info.js

@@ -83,19 +83,25 @@ export class IgxCellInfo {
  * Gets the style key of the current cell, used for recycling.
 */
     get styleKey() {
-        return this.i.k8;
+        return this.i.ld;
     }
     set styleKey(v) {
-        this.i.k8 = v;
+        this.i.ld = v;
     }
     /**
      * Gets the absolute data row for the current cell.
     */
     get dataRow() {
-        return this.i.fp;
+        return this.i.fq;
     }
     set dataRow(v) {
-        this.i.fp = +v;
+        this.i.fq = +v;
+    }
+    /**
+     * Gets the column index for the current cell.
+    */
+    get columnIdx() {
+        return this.i.fo;
     }
     /**
      * Gets if the position of the cell is dirty.
@@ -227,16 +233,16 @@ export class IgxCellInfo {
      * Gets the indent level of the cell.
     */
     get indent() {
-        return this.i.ge;
+        return this.i.gg;
     }
     set indent(v) {
-        this.i.ge = +v;
+        this.i.gg = +v;
     }
     get rowItem() {
-        return this.i.ig;
+        return this.i.ij;
     }
     set rowItem(v) {
-        this.i.ig = v;
+        this.i.ij = v;
     }
     /**
      * Gets the X position of the cell within the content.
@@ -260,19 +266,19 @@ export class IgxCellInfo {
      * Gets the pixel snapped X position of the cell within the content.
     */
     get snappedX() {
-        return this.i.he;
+        return this.i.hh;
     }
     set snappedX(v) {
-        this.i.he = +v;
+        this.i.hh = +v;
     }
     /**
      * Gets the snapped Y position of the cell within the content.
     */
     get snappedY() {
-        return this.i.hg;
+        return this.i.hj;
     }
     set snappedY(v) {
-        this.i.hg = +v;
+        this.i.hj = +v;
     }
     /**
      * Gets or sets the opacity for cells that have unsaved edits.
@@ -323,19 +329,19 @@ export class IgxCellInfo {
      * Gets the height of the cell.
     */
     get height() {
-        return this.i.f8;
+        return this.i.ga;
     }
     set height(v) {
-        this.i.f8 = +v;
+        this.i.ga = +v;
     }
     /**
      * Gets the width of the cell.
     */
     get width() {
-        return this.i.h5;
+        return this.i.h8;
     }
     set width(v) {
-        this.i.h5 = +v;
+        this.i.h8 = +v;
     }
     /**
      * Gets if the cell is selected.
@@ -404,127 +410,136 @@ export class IgxCellInfo {
      * Gets or sets the background color of the cell.
     */
     get background() {
-        return brushToString(this.i.nf);
+        return brushToString(this.i.nm);
     }
     set background(v) {
-        this.i.nf = stringToBrush(v);
+        this.i.nm = stringToBrush(v);
     }
     /**
      * Gets or sets the border color of the cell.
     */
     get border() {
-        return brushToString(this.i.ni);
+        return brushToString(this.i.np);
     }
     set border(v) {
-        this.i.ni = stringToBrush(v);
+        this.i.np = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get actualBackground() {
-        return brushToString(this.i.nc);
+        return brushToString(this.i.nj);
     }
     set actualBackground(v) {
-        this.i.nc = stringToBrush(v);
+        this.i.nj = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get actualBorder() {
-        return brushToString(this.i.nd);
+        return brushToString(this.i.nk);
     }
     set actualBorder(v) {
-        this.i.nd = stringToBrush(v);
+        this.i.nk = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get activationBorder() {
-        return brushToString(this.i.nb);
+        return brushToString(this.i.ni);
     }
     set activationBorder(v) {
-        this.i.nb = stringToBrush(v);
+        this.i.ni = stringToBrush(v);
     }
     /**
      * Gets or sets the error border color of the cell.
     */
     get errorBorder() {
-        return brushToString(this.i.nk);
+        return brushToString(this.i.nr);
     }
     set errorBorder(v) {
-        this.i.nk = stringToBrush(v);
+        this.i.nr = stringToBrush(v);
     }
     /**
      * Gets or sets the selected background color of the cell.
     */
     get selectedBackground() {
-        return brushToString(this.i.nr);
+        return brushToString(this.i.nz);
     }
     set selectedBackground(v) {
-        this.i.nr = 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.nn);
+        return brushToString(this.i.nv);
     }
     set hoverBackground(v) {
-        this.i.nn = stringToBrush(v);
+        this.i.nv = stringToBrush(v);
     }
     /**
      * Gets or sets the hover text color of the cell.
     */
     get hoverTextColor() {
-        return brushToString(this.i.no);
+        return brushToString(this.i.nw);
     }
     set hoverTextColor(v) {
-        this.i.no = stringToBrush(v);
+        this.i.nw = stringToBrush(v);
     }
     /**
      * Gets or sets the color for the sort indicator icon.
     */
     get sortIndicatorColor() {
-        return brushToString(this.i.ns);
+        return brushToString(this.i.n1);
     }
     set sortIndicatorColor(v) {
-        this.i.ns = 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.nt);
+        return brushToString(this.i.n2);
     }
     set stickyRowBackground(v) {
-        this.i.nt = 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.nq);
+        return brushToString(this.i.ny);
     }
     set pinnedRowBackground(v) {
-        this.i.nq = 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.np);
+        return brushToString(this.i.nx);
     }
     set lastStickyRowBackground(v) {
-        this.i.np = stringToBrush(v);
+        this.i.nx = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for filter row.
     */
     get filterRowBackground() {
-        return brushToString(this.i.nl);
+        return brushToString(this.i.nt);
     }
     set filterRowBackground(v) {
-        this.i.nl = stringToBrush(v);
+        this.i.nt = stringToBrush(v);
     }
     /**
      * Gets or sets the color to use for displaying text.
@@ -539,55 +554,55 @@ export class IgxCellInfo {
      * Gets or sets the original value for the cell, before processing.
     */
     get originalValue() {
-        return this.i.ie;
+        return this.i.ii;
     }
     set originalValue(v) {
-        this.i.ie = 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.kx;
+        return this.i.k1;
     }
     set renderValue(v) {
-        this.i.kx = v;
+        this.i.k1 = v;
     }
     /**
      * If set, this text will be used when rendering the cell value.
     */
     get userFormattedValue() {
-        return this.i.lt;
+        return this.i.ly;
     }
     set userFormattedValue(v) {
-        this.i.lt = v;
+        this.i.ly = v;
     }
     /**
      * Gets or sets the color of the text for the cell, if any.
     */
     get textColor() {
-        return brushToString(this.i.nx);
+        return brushToString(this.i.n6);
     }
     set textColor(v) {
-        this.i.nx = 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.ne);
+        return brushToString(this.i.nl);
     }
     set actualTextColor(v) {
-        this.i.ne = stringToBrush(v);
+        this.i.nl = stringToBrush(v);
     }
     /**
      * Gets or sets the text color for cells in deleted rows.
     */
     get deletedTextColor() {
-        return brushToString(this.i.nj);
+        return brushToString(this.i.nq);
     }
     set deletedTextColor(v) {
-        this.i.nj = stringToBrush(v);
+        this.i.nq = stringToBrush(v);
     }
     get font() {
         if (this.i.aj == null) {
@@ -615,19 +630,19 @@ export class IgxCellInfo {
      * Gets or sets the text to display in the suffix area of the cell.
     */
     get suffixText() {
-        return this.i.lk;
+        return this.i.lp;
     }
     set suffixText(v) {
-        this.i.lk = 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.nw);
+        return brushToString(this.i.n5);
     }
     set suffixTextColor(v) {
-        this.i.nw = stringToBrush(v);
+        this.i.n5 = stringToBrush(v);
     }
     get suffixTextFont() {
         if (this.i.ak == null) {
@@ -644,37 +659,37 @@ export class IgxCellInfo {
      * Gets or sets the icon to display in the suffix area of the cell.
     */
     get suffixIconName() {
-        return this.i.lc;
+        return this.i.lh;
     }
     set suffixIconName(v) {
-        this.i.lc = v;
+        this.i.lh = v;
     }
     /**
      * Gets or sets the icon to display in the suffix area of the cell.
     */
     get suffixIconCollectionName() {
-        return this.i.k9;
+        return this.i.le;
     }
     set suffixIconCollectionName(v) {
-        this.i.k9 = v;
+        this.i.le = v;
     }
     /**
      * Gets or sets the stroke color of the suffix icon.
     */
     get suffixIconStroke() {
-        return brushToString(this.i.nv);
+        return brushToString(this.i.n4);
     }
     set suffixIconStroke(v) {
-        this.i.nv = stringToBrush(v);
+        this.i.n4 = stringToBrush(v);
     }
     /**
      * Gets or sets the fill color of the suffix icon.
     */
     get suffixIconFill() {
-        return brushToString(this.i.nu);
+        return brushToString(this.i.n3);
     }
     set suffixIconFill(v) {
-        this.i.nu = stringToBrush(v);
+        this.i.n3 = stringToBrush(v);
     }
     /**
      * Gets or sets the suffix icon's viewbox x coordinate.
@@ -752,37 +767,37 @@ export class IgxCellInfo {
      * Gets or sets the left padding to use for the content.
     */
     get paddingLeft() {
-        return this.i.g0;
+        return this.i.g2;
     }
     set paddingLeft(v) {
-        this.i.g0 = +v;
+        this.i.g2 = +v;
     }
     /**
      * Gets or sets the top padding to use for the content.
     */
     get paddingTop() {
-        return this.i.g4;
+        return this.i.g6;
     }
     set paddingTop(v) {
-        this.i.g4 = +v;
+        this.i.g6 = +v;
     }
     /**
      * Gets or sets the right padding to use for the content.
     */
     get paddingRight() {
-        return this.i.g2;
+        return this.i.g4;
     }
     set paddingRight(v) {
-        this.i.g2 = +v;
+        this.i.g4 = +v;
     }
     /**
      * Gets or sets the bottom padding to use for the content.
     */
     get paddingBottom() {
-        return this.i.gy;
+        return this.i.g0;
     }
     set paddingBottom(v) {
-        this.i.gy = +v;
+        this.i.g0 = +v;
     }
     /**
      * Gets or sets the left padding to use for the content.
@@ -896,37 +911,37 @@ export class IgxCellInfo {
      * Gets or sets the left error border to use for the content.
     */
     get errorBorderLeftWidth() {
-        return this.i.fy;
+        return this.i.fz;
     }
     set errorBorderLeftWidth(v) {
-        this.i.fy = +v;
+        this.i.fz = +v;
     }
     /**
      * Gets or sets the top error border to use for the content.
     */
     get errorBorderTopWidth() {
-        return this.i.f3;
+        return this.i.f4;
     }
     set errorBorderTopWidth(v) {
-        this.i.f3 = +v;
+        this.i.f4 = +v;
     }
     /**
      * Gets or sets the right error border to use for the content.
     */
     get errorBorderRightWidth() {
-        return this.i.f1;
+        return this.i.f2;
     }
     set errorBorderRightWidth(v) {
-        this.i.f1 = +v;
+        this.i.f2 = +v;
     }
     /**
      * Gets or sets the bottom error border to use for the content.
     */
     get errorBorderBottomWidth() {
-        return this.i.fw;
+        return this.i.fx;
     }
     set errorBorderBottomWidth(v) {
-        this.i.fw = +v;
+        this.i.fx = +v;
     }
     /**
      * Gets or sets the actual left border to use for the content.
@@ -991,6 +1006,15 @@ export class IgxCellInfo {
     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.
     */
@@ -1033,10 +1057,10 @@ export class IgxCellInfo {
      * Gets or sets the error message for the cell.
     */
     get editError() {
-        return this.i.jp;
+        return this.i.js;
     }
     set editError(v) {
-        this.i.jp = v;
+        this.i.js = v;
     }
     /**
      * Gets whether the cell is in edit mode.
@@ -1048,10 +1072,10 @@ export class IgxCellInfo {
         this.i.bj = ensureBool(v);
     }
     get editID() {
-        return this.i.fu;
+        return this.i.fv;
     }
     set editID(v) {
-        this.i.fu = +v;
+        this.i.fv = +v;
     }
     findByName(name) {
         if (this.findEphemera) {
@@ -1084,7 +1108,7 @@ export class IgxCellInfo {
         return (iv);
     }
     setNamedValue(valueName, value) {
-        this.i.mn(valueName, value);
+        this.i.ms(valueName, value);
     }
     /**
      * Returns if there is a named value stored for the cell.
@@ -1101,7 +1125,7 @@ export class IgxCellInfo {
     * @param valueName  * The name of the value to remove.
     */
     removeNamedValue(valueName) {
-        this.i.mj(valueName);
+        this.i.mo(valueName);
     }
     /**
      * Gets a named value from the cell.
@@ -1109,7 +1133,7 @@ export class IgxCellInfo {
     * @param valueName  * The name of the value to get.
     */
     getNamedValue(valueName) {
-        let iv = this.i.ic(valueName);
+        let iv = this.i.ig(valueName);
         return (iv);
     }
 }