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

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

@@ -172,10 +172,10 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
      * Gets or sets the background color to use.
     */
         get background() {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.gh);
         }
         set background(v) {
-            this.i.gf = stringToBrush(v);
+            this.i.gh = stringToBrush(v);
         }
         get actualConditionalStyles() {
             if (!this._actualConditionalStyles) {
@@ -216,223 +216,223 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color to use.
         */
         get border() {
-            return brushToString(this.i.gi);
+            return brushToString(this.i.gk);
         }
         set border(v) {
-            this.i.gi = stringToBrush(v);
+            this.i.gk = stringToBrush(v);
         }
         /**
          * Gets or sets the background color to use.
         */
         get activationBorder() {
-            return brushToString(this.i.f4);
+            return brushToString(this.i.f6);
         }
         set activationBorder(v) {
-            this.i.f4 = stringToBrush(v);
+            this.i.f6 = stringToBrush(v);
         }
         /**
          * Gets or sets the error border color to use.
         */
         get errorBorder() {
-            return brushToString(this.i.gj);
+            return brushToString(this.i.gl);
         }
         set errorBorder(v) {
-            this.i.gj = stringToBrush(v);
+            this.i.gl = stringToBrush(v);
         }
         /**
          * Gets the actual border color that will be used.
         */
         get actualBorder() {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.gb);
         }
         set actualBorder(v) {
-            this.i.f9 = stringToBrush(v);
+            this.i.gb = stringToBrush(v);
         }
         /**
          * Gets or sets the amount of left border to use for the cell content for this column.
         */
         get borderLeftWidth() {
-            return this.i.cc;
+            return this.i.cd;
         }
         set borderLeftWidth(v) {
-            this.i.cc = +v;
+            this.i.cd = +v;
         }
         /**
          * Gets or sets the amount of top border to use for the cell content for this column.
         */
         get borderTopWidth() {
-            return this.i.ce;
+            return this.i.cf;
         }
         set borderTopWidth(v) {
-            this.i.ce = +v;
+            this.i.cf = +v;
         }
         /**
          * Gets or sets the amount of right border to use for the cell content of this column.
         */
         get borderRightWidth() {
-            return this.i.cd;
+            return this.i.ce;
         }
         set borderRightWidth(v) {
-            this.i.cd = +v;
+            this.i.ce = +v;
         }
         /**
          * Gets or sets the amount of bottom border to use for the cell content of this column.
         */
         get borderBottomWidth() {
-            return this.i.cb;
+            return this.i.cc;
         }
         set borderBottomWidth(v) {
-            this.i.cb = +v;
+            this.i.cc = +v;
         }
         /**
          * Gets or sets the amount of left activation border to use for the cell content for this column.
         */
         get activationBorderLeftWidth() {
-            return this.i.b4;
+            return this.i.b5;
         }
         set activationBorderLeftWidth(v) {
-            this.i.b4 = +v;
+            this.i.b5 = +v;
         }
         /**
          * Gets or sets the amount of top activation border to use for the cell content for this column.
         */
         get activationBorderTopWidth() {
-            return this.i.b6;
+            return this.i.b7;
         }
         set activationBorderTopWidth(v) {
-            this.i.b6 = +v;
+            this.i.b7 = +v;
         }
         /**
          * Gets or sets the amount of right activation border to use for the cell content of this column.
         */
         get activationBorderRightWidth() {
-            return this.i.b5;
+            return this.i.b6;
         }
         set activationBorderRightWidth(v) {
-            this.i.b5 = +v;
+            this.i.b6 = +v;
         }
         /**
          * Gets or sets the amount of bottom activation border to use for the cell content of this column.
         */
         get activationBorderBottomWidth() {
-            return this.i.b3;
+            return this.i.b4;
         }
         set activationBorderBottomWidth(v) {
-            this.i.b3 = +v;
+            this.i.b4 = +v;
         }
         get errorBorderLeftWidth() {
-            return this.i.cg;
+            return this.i.ch;
         }
         set errorBorderLeftWidth(v) {
-            this.i.cg = +v;
+            this.i.ch = +v;
         }
         get errorBorderTopWidth() {
-            return this.i.ci;
+            return this.i.cj;
         }
         set errorBorderTopWidth(v) {
-            this.i.ci = +v;
+            this.i.cj = +v;
         }
         get errorBorderRightWidth() {
-            return this.i.ch;
+            return this.i.ci;
         }
         set errorBorderRightWidth(v) {
-            this.i.ch = +v;
+            this.i.ci = +v;
         }
         get errorBorderBottomWidth() {
-            return this.i.cf;
+            return this.i.cg;
         }
         set errorBorderBottomWidth(v) {
-            this.i.cf = +v;
+            this.i.cg = +v;
         }
         /**
          * Gets the actual background color that will be used.
         */
         get actualBackground() {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.f8);
         }
         set actualBackground(v) {
-            this.i.f6 = stringToBrush(v);
+            this.i.f8 = stringToBrush(v);
         }
         /**
          * Gets the actual background color that will be used.
         */
         get actualActivationBorder() {
-            return brushToString(this.i.f5);
+            return brushToString(this.i.f7);
         }
         set actualActivationBorder(v) {
-            this.i.f5 = stringToBrush(v);
+            this.i.f7 = stringToBrush(v);
         }
         /**
          * Gets the actual error border color that will be used.
         */
         get actualErrorBorder() {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.gc);
         }
         set actualErrorBorder(v) {
-            this.i.ga = stringToBrush(v);
+            this.i.gc = stringToBrush(v);
         }
         /**
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get stickyRowBackground() {
-            return brushToString(this.i.gx);
+            return brushToString(this.i.gz);
         }
         set stickyRowBackground(v) {
-            this.i.gx = stringToBrush(v);
+            this.i.gz = stringToBrush(v);
         }
         /**
          * Gets the actual background color for content that sticks to the top of the grid.
         */
         get actualStickyRowBackground() {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.gf);
         }
         set actualStickyRowBackground(v) {
-            this.i.gd = stringToBrush(v);
+            this.i.gf = stringToBrush(v);
         }
         /**
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get pinnedRowBackground() {
-            return brushToString(this.i.gw);
+            return brushToString(this.i.gy);
         }
         set pinnedRowBackground(v) {
-            this.i.gw = stringToBrush(v);
+            this.i.gy = stringToBrush(v);
         }
         /**
          * Gets the actual background color for cells belonging to rows marked as pinned.
         */
         get actualPinnedRowBackground() {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.ge);
         }
         set actualPinnedRowBackground(v) {
-            this.i.gc = stringToBrush(v);
+            this.i.ge = stringToBrush(v);
         }
         /**
          * Gets or sets the color for the last row in the sticky row area.
         */
         get lastStickyRowBackground() {
-            return brushToString(this.i.gv);
+            return brushToString(this.i.gx);
         }
         set lastStickyRowBackground(v) {
-            this.i.gv = stringToBrush(v);
+            this.i.gx = stringToBrush(v);
         }
         /**
          * Gets the actual color for the last row in the sticky row area.
         */
         get actualLastStickyRowBackground() {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.gd);
         }
         set actualLastStickyRowBackground(v) {
-            this.i.gb = stringToBrush(v);
+            this.i.gd = stringToBrush(v);
         }
         /**
          * Gets or sets the opacity of the content.
         */
         get contentOpacity() {
-            return this.i.bh;
+            return this.i.bi;
         }
         set contentOpacity(v) {
-            this.i.bh = +v;
+            this.i.bi = +v;
         }
         /**
          * Gets or sets the horizontal alignment to use for the cell content.
@@ -474,118 +474,118 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for displaying text.
         */
         get textColor() {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.g0);
         }
         set textColor(v) {
-            this.i.gy = stringToBrush(v);
+            this.i.g0 = stringToBrush(v);
         }
         /**
          * Gets the actual color used for displaying text.
         */
         get actualTextColor() {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gg);
         }
         set actualTextColor(v) {
-            this.i.ge = stringToBrush(v);
+            this.i.gg = stringToBrush(v);
         }
         /**
          * Gets or sets whether the bar is supported.
         */
         get isBarSupported() {
-            return this.i.ar;
+            return this.i.as;
         }
         set isBarSupported(v) {
-            this.i.ar = ensureBool(v);
+            this.i.as = ensureBool(v);
         }
         /**
          * Gets or sets the color to use for value bars.
         */
         get barBackground() {
-            return brushToString(this.i.gg);
+            return brushToString(this.i.gi);
         }
         set barBackground(v) {
-            this.i.gg = stringToBrush(v);
+            this.i.gi = stringToBrush(v);
         }
         /**
          * Gets the actual color used for value bars.
         */
         get actualBarBackground() {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.f9);
         }
         set actualBarBackground(v) {
-            this.i.f7 = stringToBrush(v);
+            this.i.f9 = stringToBrush(v);
         }
         /**
          * Gets or sets the Outline color to use for value bars.
         */
         get barOutline() {
-            return brushToString(this.i.gh);
+            return brushToString(this.i.gj);
         }
         set barOutline(v) {
-            this.i.gh = stringToBrush(v);
+            this.i.gj = stringToBrush(v);
         }
         /**
          * Gets the actual Outline color used for value bars.
         */
         get actualBarOutline() {
-            return brushToString(this.i.f8);
+            return brushToString(this.i.ga);
         }
         set actualBarOutline(v) {
-            this.i.f8 = stringToBrush(v);
+            this.i.ga = stringToBrush(v);
         }
         /**
          * Gets or sets the stroke thickness to use for value bars.
         */
         get barStrokeThickness() {
-            return this.i.ca;
+            return this.i.cb;
         }
         set barStrokeThickness(v) {
-            this.i.ca = +v;
+            this.i.cb = +v;
         }
         /**
          * Gets the actual stroke thickness used for value bars.
         */
         get actualBarStrokeThickness() {
-            return this.i.b8;
+            return this.i.b9;
         }
         set actualBarStrokeThickness(v) {
-            this.i.b8 = +v;
+            this.i.b9 = +v;
         }
         /**
          * Gets or sets the stroke thickness to use for value bars.
         */
         get barCornerRadius() {
-            return this.i.b9;
+            return this.i.ca;
         }
         set barCornerRadius(v) {
-            this.i.b9 = +v;
+            this.i.ca = +v;
         }
         /**
          * Gets the actual stroke thickness used for value bars.
         */
         get actualBarCornerRadius() {
-            return this.i.b7;
+            return this.i.b8;
         }
         set actualBarCornerRadius(v) {
-            this.i.b7 = +v;
+            this.i.b8 = +v;
         }
         /**
          * Gets or sets the color to use for displaying text.
         */
         get pinnedRowOpacity() {
-            return this.i.bm;
+            return this.i.bn;
         }
         set pinnedRowOpacity(v) {
-            this.i.bm = +v;
+            this.i.bn = +v;
         }
         /**
          * Gets or sets the color to use for displaying text.
         */
         get actualPinnedRowOpacity() {
-            return this.i.bf;
+            return this.i.bg;
         }
         set actualPinnedRowOpacity(v) {
-            this.i.bf = +v;
+            this.i.bg = +v;
         }
         get textStyle() {
             if (this.i.textStyle == null) {
@@ -599,7 +599,7 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
             this.i.textStyle = fi;
         }
         get isBarRequired() {
-            return this.i.aq;
+            return this.i.ar;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -613,24 +613,24 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
             return null;
         }
         transitionStyleOut(style) {
-            this.i.e4((style == null ? null : style.i));
+            this.i.e6((style == null ? null : style.i));
         }
         transitionStyleIn(style) {
-            this.i.e3((style == null ? null : style.i));
+            this.i.e5((style == null ? null : style.i));
         }
         isStyleTransitioningOut(style) {
-            let iv = this.i.as((style == null ? null : style.i));
+            let iv = this.i.at((style == null ? null : style.i));
             return (iv);
         }
         setNamedValue(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.
         
         */
         hasNamedValues() {
-            let iv = this.i.ap();
+            let iv = this.i.aq();
             return (iv);
         }
         /**
@@ -639,7 +639,7 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value name to check for.
         */
         hasNamedValue(valueName) {
-            let iv = this.i.ao(valueName);
+            let iv = this.i.ap(valueName);
             return (iv);
         }
         /**
@@ -648,7 +648,7 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value name to remove.
         */
         removeNamedValue(valueName) {
-            this.i.ex(valueName);
+            this.i.ey(valueName);
         }
         /**
          * Gets the value for a named value from this definition.
@@ -656,7 +656,7 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value name to check for.
         */
         getNamedValue(valueName) {
-            let iv = this.i.cp(valueName);
+            let iv = this.i.cq(valueName);
             return (iv);
         }
         /**

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

@@ -37,37 +37,37 @@ export let IgxFilterRowDefinitionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.g4;
+            return this.i.g6;
         }
         set paddingLeft(v) {
-            this.i.g4 = +v;
+            this.i.g6 = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.g6;
+            return this.i.g8;
         }
         set paddingTop(v) {
-            this.i.g6 = +v;
+            this.i.g8 = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.g5;
+            return this.i.g7;
         }
         set paddingRight(v) {
-            this.i.g5 = +v;
+            this.i.g7 = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.g3;
+            return this.i.g5;
         }
         set paddingBottom(v) {
-            this.i.g3 = +v;
+            this.i.g5 = +v;
         }
     }
     IgxFilterRowDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxFilterRowDefinitionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/lib/igx-header-component.js

@@ -35,67 +35,67 @@ export let IgxHeaderComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the sort indicator icon
         */
         get sortIndicatorColor() {
-            return brushToString(this.i.hp);
+            return brushToString(this.i.hr);
         }
         set sortIndicatorColor(v) {
-            this.i.hp = stringToBrush(v);
+            this.i.hr = stringToBrush(v);
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSortIndicatorColor() {
-            return brushToString(this.i.hn);
+            return brushToString(this.i.hp);
         }
         set actualSortIndicatorColor(v) {
-            this.i.hn = stringToBrush(v);
+            this.i.hp = stringToBrush(v);
         }
         get sortIndicatorStyle() {
-            return this.i.g2;
+            return this.i.g4;
         }
         set sortIndicatorStyle(v) {
-            this.i.g2 = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.g4 = ensureEnum(SortIndicatorStyle_$type, v);
         }
         get actualSortIndicatorStyle() {
-            return this.i.g1;
+            return this.i.g3;
         }
         set actualSortIndicatorStyle(v) {
-            this.i.g1 = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.g3 = ensureEnum(SortIndicatorStyle_$type, v);
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content.
         */
         get paddingLeft() {
-            return this.i.g8;
+            return this.i.ha;
         }
         set paddingLeft(v) {
-            this.i.g8 = +v;
+            this.i.ha = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content.
         */
         get paddingTop() {
-            return this.i.ha;
+            return this.i.hc;
         }
         set paddingTop(v) {
-            this.i.ha = +v;
+            this.i.hc = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content.
         */
         get paddingRight() {
-            return this.i.g9;
+            return this.i.hb;
         }
         set paddingRight(v) {
-            this.i.g9 = +v;
+            this.i.hb = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content.
         */
         get paddingBottom() {
-            return this.i.g7;
+            return this.i.g9;
         }
         set paddingBottom(v) {
-            this.i.g7 = +v;
+            this.i.g9 = +v;
         }
     }
     IgxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/lib/igx-image-column-component.js

@@ -41,46 +41,46 @@ export let IgxImageColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the stretch option to use when rendering images
         */
         get imageStretchOption() {
-            return this.i.pd;
+            return this.i.qu;
         }
         set imageStretchOption(v) {
-            this.i.pd = ensureEnum(ImageStretchOptions_$type, v);
+            this.i.qu = ensureEnum(ImageStretchOptions_$type, v);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.o9;
+            return this.i.qq;
         }
         set editorType(v) {
-            this.i.o9 = ensureEnum(EditorType_$type, v);
+            this.i.qq = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.pe;
+            return this.i.qv;
         }
         set editorDataSource(v) {
-            this.i.pe = v;
+            this.i.qv = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.pf;
+            return this.i.qw;
         }
         set editorTextField(v) {
-            this.i.pf = v;
+            this.i.qw = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.pg;
+            return this.i.qx;
         }
         set editorValueField(v) {
-            this.i.pg = v;
+            this.i.qx = v;
         }
     }
     IgxImageColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxImageColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });