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

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

@@ -181,10 +181,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
      * Gets or sets the background color to use.
     */
         get: function () {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.gh);
         },
         set: function (v) {
-            this.i.gf = stringToBrush(v);
+            this.i.gh = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -238,10 +238,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.gi);
+            return brushToString(this.i.gk);
         },
         set: function (v) {
-            this.i.gi = stringToBrush(v);
+            this.i.gk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -251,10 +251,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.f4);
+            return brushToString(this.i.f6);
         },
         set: function (v) {
-            this.i.f4 = stringToBrush(v);
+            this.i.f6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -264,10 +264,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the error border color to use.
         */
         get: function () {
-            return brushToString(this.i.gj);
+            return brushToString(this.i.gl);
         },
         set: function (v) {
-            this.i.gj = stringToBrush(v);
+            this.i.gl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -277,10 +277,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual border color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.gb);
         },
         set: function (v) {
-            this.i.f9 = stringToBrush(v);
+            this.i.gb = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -290,10 +290,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of left border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.cc;
+            return this.i.cd;
         },
         set: function (v) {
-            this.i.cc = +v;
+            this.i.cd = +v;
         },
         enumerable: false,
         configurable: true
@@ -303,10 +303,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of top border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.ce = +v;
+            this.i.cf = +v;
         },
         enumerable: false,
         configurable: true
@@ -316,10 +316,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of right border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.cd;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.cd = +v;
+            this.i.ce = +v;
         },
         enumerable: false,
         configurable: true
@@ -329,10 +329,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of bottom border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.cb = +v;
+            this.i.cc = +v;
         },
         enumerable: false,
         configurable: true
@@ -342,10 +342,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of left activation border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.b4;
+            return this.i.b5;
         },
         set: function (v) {
-            this.i.b4 = +v;
+            this.i.b5 = +v;
         },
         enumerable: false,
         configurable: true
@@ -355,10 +355,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of top activation border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.b6;
+            return this.i.b7;
         },
         set: function (v) {
-            this.i.b6 = +v;
+            this.i.b7 = +v;
         },
         enumerable: false,
         configurable: true
@@ -368,10 +368,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of right activation border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.b5;
+            return this.i.b6;
         },
         set: function (v) {
-            this.i.b5 = +v;
+            this.i.b6 = +v;
         },
         enumerable: false,
         configurable: true
@@ -381,50 +381,50 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the amount of bottom activation border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.b3;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b3 = +v;
+            this.i.b4 = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDefinitionBaseComponent.prototype, "errorBorderLeftWidth", {
         get: function () {
-            return this.i.cg;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.cg = +v;
+            this.i.ch = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDefinitionBaseComponent.prototype, "errorBorderTopWidth", {
         get: function () {
-            return this.i.ci;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.ci = +v;
+            this.i.cj = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDefinitionBaseComponent.prototype, "errorBorderRightWidth", {
         get: function () {
-            return this.i.ch;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.ch = +v;
+            this.i.ci = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDefinitionBaseComponent.prototype, "errorBorderBottomWidth", {
         get: function () {
-            return this.i.cf;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.cf = +v;
+            this.i.cg = +v;
         },
         enumerable: false,
         configurable: true
@@ -434,10 +434,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.f8);
         },
         set: function (v) {
-            this.i.f6 = stringToBrush(v);
+            this.i.f8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -447,10 +447,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f5);
+            return brushToString(this.i.f7);
         },
         set: function (v) {
-            this.i.f5 = stringToBrush(v);
+            this.i.f7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -460,10 +460,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual error border color that will be used.
         */
         get: function () {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.gc);
         },
         set: function (v) {
-            this.i.ga = stringToBrush(v);
+            this.i.gc = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -473,10 +473,10 @@ var IgxDefinitionBaseComponent = /** @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.gx);
+            return brushToString(this.i.gz);
         },
         set: function (v) {
-            this.i.gx = stringToBrush(v);
+            this.i.gz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -486,10 +486,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.gf);
         },
         set: function (v) {
-            this.i.gd = stringToBrush(v);
+            this.i.gf = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -499,10 +499,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.gw);
+            return brushToString(this.i.gy);
         },
         set: function (v) {
-            this.i.gw = stringToBrush(v);
+            this.i.gy = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -512,10 +512,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.ge);
         },
         set: function (v) {
-            this.i.gc = stringToBrush(v);
+            this.i.ge = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -525,10 +525,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gv);
+            return brushToString(this.i.gx);
         },
         set: function (v) {
-            this.i.gv = stringToBrush(v);
+            this.i.gx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -538,10 +538,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.gd);
         },
         set: function (v) {
-            this.i.gb = stringToBrush(v);
+            this.i.gd = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -551,10 +551,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the opacity of the content.
         */
         get: function () {
-            return this.i.bh;
+            return this.i.bi;
         },
         set: function (v) {
-            this.i.bh = +v;
+            this.i.bi = +v;
         },
         enumerable: false,
         configurable: true
@@ -616,10 +616,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.g0);
         },
         set: function (v) {
-            this.i.gy = stringToBrush(v);
+            this.i.g0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -629,10 +629,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color used for displaying text.
         */
         get: function () {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gg);
         },
         set: function (v) {
-            this.i.ge = stringToBrush(v);
+            this.i.gg = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -642,10 +642,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether the bar is supported.
         */
         get: function () {
-            return this.i.ar;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.ar = ensureBool(v);
+            this.i.as = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -655,10 +655,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gg);
+            return brushToString(this.i.gi);
         },
         set: function (v) {
-            this.i.gg = stringToBrush(v);
+            this.i.gi = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -668,10 +668,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.f9);
         },
         set: function (v) {
-            this.i.f7 = stringToBrush(v);
+            this.i.f9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -681,10 +681,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the Outline color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gh);
+            return brushToString(this.i.gj);
         },
         set: function (v) {
-            this.i.gh = stringToBrush(v);
+            this.i.gj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -694,10 +694,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual Outline color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.f8);
+            return brushToString(this.i.ga);
         },
         set: function (v) {
-            this.i.f8 = stringToBrush(v);
+            this.i.ga = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -707,10 +707,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the stroke thickness to use for value bars.
         */
         get: function () {
-            return this.i.ca;
+            return this.i.cb;
         },
         set: function (v) {
-            this.i.ca = +v;
+            this.i.cb = +v;
         },
         enumerable: false,
         configurable: true
@@ -720,10 +720,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual stroke thickness used for value bars.
         */
         get: function () {
-            return this.i.b8;
+            return this.i.b9;
         },
         set: function (v) {
-            this.i.b8 = +v;
+            this.i.b9 = +v;
         },
         enumerable: false,
         configurable: true
@@ -733,10 +733,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the stroke thickness to use for value bars.
         */
         get: function () {
-            return this.i.b9;
+            return this.i.ca;
         },
         set: function (v) {
-            this.i.b9 = +v;
+            this.i.ca = +v;
         },
         enumerable: false,
         configurable: true
@@ -746,10 +746,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual stroke thickness used for value bars.
         */
         get: function () {
-            return this.i.b7;
+            return this.i.b8;
         },
         set: function (v) {
-            this.i.b7 = +v;
+            this.i.b8 = +v;
         },
         enumerable: false,
         configurable: true
@@ -759,10 +759,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return this.i.bm;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bm = +v;
+            this.i.bn = +v;
         },
         enumerable: false,
         configurable: true
@@ -772,10 +772,10 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return this.i.bf;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.bf = +v;
+            this.i.bg = +v;
         },
         enumerable: false,
         configurable: true
@@ -797,7 +797,7 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxDefinitionBaseComponent.prototype, "isBarRequired", {
         get: function () {
-            return this.i.aq;
+            return this.i.ar;
         },
         enumerable: false,
         configurable: true
@@ -814,24 +814,24 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
         return null;
     };
     IgxDefinitionBaseComponent.prototype.transitionStyleOut = function (style) {
-        this.i.e4((style == null ? null : style.i));
+        this.i.e6((style == null ? null : style.i));
     };
     IgxDefinitionBaseComponent.prototype.transitionStyleIn = function (style) {
-        this.i.e3((style == null ? null : style.i));
+        this.i.e5((style == null ? null : style.i));
     };
     IgxDefinitionBaseComponent.prototype.isStyleTransitioningOut = function (style) {
-        var iv = this.i.as((style == null ? null : style.i));
+        var iv = this.i.at((style == null ? null : style.i));
         return (iv);
     };
     IgxDefinitionBaseComponent.prototype.setNamedValue = function (valueName, animationType, value) {
-        this.i.e2(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+        this.i.e3(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if this definition has named value.
     
     */
     IgxDefinitionBaseComponent.prototype.hasNamedValues = function () {
-        var iv = this.i.ap();
+        var iv = this.i.aq();
         return (iv);
     };
     /**
@@ -840,7 +840,7 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The named value name to check for.
     */
     IgxDefinitionBaseComponent.prototype.hasNamedValue = function (valueName) {
-        var iv = this.i.ao(valueName);
+        var iv = this.i.ap(valueName);
         return (iv);
     };
     /**
@@ -849,7 +849,7 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The named value name to remove.
     */
     IgxDefinitionBaseComponent.prototype.removeNamedValue = function (valueName) {
-        this.i.ex(valueName);
+        this.i.ey(valueName);
     };
     /**
      * Gets the value for a named value from this definition.
@@ -857,7 +857,7 @@ var IgxDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The named value name to check for.
     */
     IgxDefinitionBaseComponent.prototype.getNamedValue = function (valueName) {
-        var iv = this.i.cp(valueName);
+        var iv = this.i.cq(valueName);
         return (iv);
     };
     Object.defineProperty(IgxDefinitionBaseComponent.prototype, "dataBinding", {

package/esm5/lib/igx-filter-row-definition-component.js

@@ -43,10 +43,10 @@ var IgxFilterRowDefinitionComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.g4;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.g4 = +v;
+            this.i.g6 = +v;
         },
         enumerable: false,
         configurable: true
@@ -56,10 +56,10 @@ var IgxFilterRowDefinitionComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.g6;
+            return this.i.g8;
         },
         set: function (v) {
-            this.i.g6 = +v;
+            this.i.g8 = +v;
         },
         enumerable: false,
         configurable: true
@@ -69,10 +69,10 @@ var IgxFilterRowDefinitionComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.g5;
+            return this.i.g7;
         },
         set: function (v) {
-            this.i.g5 = +v;
+            this.i.g7 = +v;
         },
         enumerable: false,
         configurable: true
@@ -82,10 +82,10 @@ var IgxFilterRowDefinitionComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.g3;
+            return this.i.g5;
         },
         set: function (v) {
-            this.i.g3 = +v;
+            this.i.g5 = +v;
         },
         enumerable: false,
         configurable: true