igniteui-angular-data-grids 20.1.0 → 20.2.0-beta.0

package/esm5/lib/igx-data-grid-column-component.js

@@ -65,10 +65,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.ky;
+            return this.i.k0;
         },
         set: function (v) {
-            this.i.ky = +v;
+            this.i.k0 = +v;
         },
         enumerable: false,
         configurable: true
@@ -78,10 +78,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.k0;
+            return this.i.k2;
         },
         set: function (v) {
-            this.i.k0 = +v;
+            this.i.k2 = +v;
         },
         enumerable: false,
         configurable: true
@@ -91,10 +91,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.kz;
+            return this.i.k1;
         },
         set: function (v) {
-            this.i.kz = +v;
+            this.i.k1 = +v;
         },
         enumerable: false,
         configurable: true
@@ -104,10 +104,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.kx;
+            return this.i.kz;
         },
         set: function (v) {
-            this.i.kx = +v;
+            this.i.kz = +v;
         },
         enumerable: false,
         configurable: true
@@ -117,10 +117,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets an unique name of the Column
         */
         get: function () {
-            return this.i.mw;
+            return this.i.my;
         },
         set: function (v) {
-            this.i.mw = v;
+            this.i.my = v;
         },
         enumerable: false,
         configurable: true
@@ -130,10 +130,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the key used for the column binding
         */
         get: function () {
-            return this.i.l5;
+            return this.i.l7;
         },
         set: function (v) {
-            this.i.l5 = v;
+            this.i.l7 = v;
         },
         enumerable: false,
         configurable: true
@@ -143,10 +143,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text displayed in the header of the column
         */
         get: function () {
-            return this.i.mc;
+            return this.i.me;
         },
         set: function (v) {
-            this.i.mc = v;
+            this.i.me = v;
         },
         enumerable: false,
         configurable: true
@@ -156,10 +156,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text displayed in the header of the column
         */
         get: function () {
-            return this.i.lk;
+            return this.i.lm;
         },
         set: function (v) {
-            this.i.lk = v;
+            this.i.lm = v;
         },
         enumerable: false,
         configurable: true
@@ -169,10 +169,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.o2);
+            return brushToString(this.i.o5);
         },
         set: function (v) {
-            this.i.o2 = stringToBrush(v);
+            this.i.o5 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -182,10 +182,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.ov);
+            return brushToString(this.i.oy);
         },
         set: function (v) {
-            this.i.ov = stringToBrush(v);
+            this.i.oy = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -195,10 +195,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.o0);
+            return brushToString(this.i.o3);
         },
         set: function (v) {
-            this.i.o0 = stringToBrush(v);
+            this.i.o3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -208,10 +208,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.ot);
+            return brushToString(this.i.ow);
         },
         set: function (v) {
-            this.i.ot = stringToBrush(v);
+            this.i.ow = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -221,10 +221,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.o1);
+            return brushToString(this.i.o4);
         },
         set: function (v) {
-            this.i.o1 = stringToBrush(v);
+            this.i.o4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -234,10 +234,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.ou);
+            return brushToString(this.i.ox);
         },
         set: function (v) {
-            this.i.ou = stringToBrush(v);
+            this.i.ox = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -311,10 +311,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
         */
         get: function () {
-            return this.i.ka;
+            return this.i.kb;
         },
         set: function (v) {
-            this.i.ka = +v;
+            this.i.kb = +v;
         },
         enumerable: false,
         configurable: true
@@ -506,10 +506,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.or);
+            return brushToString(this.i.ou);
         },
         set: function (v) {
-            this.i.or = stringToBrush(v);
+            this.i.ou = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -519,10 +519,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.ow);
+            return brushToString(this.i.oz);
         },
         set: function (v) {
-            this.i.ow = stringToBrush(v);
+            this.i.oz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -650,10 +650,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.ox);
+            return brushToString(this.i.o0);
         },
         set: function (v) {
-            this.i.ox = stringToBrush(v);
+            this.i.o0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -663,10 +663,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.os);
+            return brushToString(this.i.ov);
         },
         set: function (v) {
-            this.i.os = stringToBrush(v);
+            this.i.ov = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -676,10 +676,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get: function () {
-            return this.i.j9;
+            return this.i.ka;
         },
         set: function (v) {
-            this.i.j9 = +v;
+            this.i.ka = +v;
         },
         enumerable: false,
         configurable: true
@@ -689,10 +689,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual opacity for unsaved edited cell values.
         */
         get: function () {
-            return this.i.j8;
+            return this.i.j9;
         },
         set: function (v) {
-            this.i.j8 = +v;
+            this.i.j9 = +v;
         },
         enumerable: false,
         configurable: true
@@ -777,10 +777,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.kr;
+            return this.i.kt;
         },
         set: function (v) {
-            this.i.kr = +v;
+            this.i.kt = +v;
         },
         enumerable: false,
         configurable: true
@@ -790,10 +790,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.kt;
+            return this.i.kv;
         },
         set: function (v) {
-            this.i.kt = +v;
+            this.i.kv = +v;
         },
         enumerable: false,
         configurable: true
@@ -803,10 +803,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.ks;
+            return this.i.ku;
         },
         set: function (v) {
-            this.i.ks = +v;
+            this.i.ku = +v;
         },
         enumerable: false,
         configurable: true
@@ -816,10 +816,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.kq;
+            return this.i.ks;
         },
         set: function (v) {
-            this.i.kq = +v;
+            this.i.ks = +v;
         },
         enumerable: false,
         configurable: true
@@ -876,10 +876,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text to display in the suffix area of cells in this column.
         */
         get: function () {
-            return this.i.nj;
+            return this.i.nm;
         },
         set: function (v) {
-            this.i.nj = v;
+            this.i.nm = v;
         },
         enumerable: false,
         configurable: true
@@ -889,10 +889,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color of the text in the suffix area of the cells in this column.
         */
         get: function () {
-            return brushToString(this.i.o5);
+            return brushToString(this.i.o8);
         },
         set: function (v) {
-            this.i.o5 = stringToBrush(v);
+            this.i.o8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -920,10 +920,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get: function () {
-            return this.i.nc;
+            return this.i.ne;
         },
         set: function (v) {
-            this.i.nc = v;
+            this.i.ne = v;
         },
         enumerable: false,
         configurable: true
@@ -933,10 +933,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get: function () {
-            return this.i.m9;
+            return this.i.nb;
         },
         set: function (v) {
-            this.i.m9 = v;
+            this.i.nb = v;
         },
         enumerable: false,
         configurable: true
@@ -946,10 +946,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the stroke color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.o4);
+            return brushToString(this.i.o7);
         },
         set: function (v) {
-            this.i.o4 = stringToBrush(v);
+            this.i.o7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -959,10 +959,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the fill color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.o3);
+            return brushToString(this.i.o6);
         },
         set: function (v) {
-            this.i.o3 = stringToBrush(v);
+            this.i.o6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -972,10 +972,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the suffix icon's viewbox x coordinate.
         */
         get: function () {
-            return this.i.kc;
+            return this.i.kd;
         },
         set: function (v) {
-            this.i.kc = +v;
+            this.i.kd = +v;
         },
         enumerable: false,
         configurable: true
@@ -985,10 +985,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the suffix icon's viewbox y coordinate.
         */
         get: function () {
-            return this.i.kd;
+            return this.i.ke;
         },
         set: function (v) {
-            this.i.kd = +v;
+            this.i.ke = +v;
         },
         enumerable: false,
         configurable: true
@@ -998,10 +998,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the suffix icon's viewbox width.
         */
         get: function () {
-            return this.i.ke;
+            return this.i.kf;
         },
         set: function (v) {
-            this.i.ke = +v;
+            this.i.kf = +v;
         },
         enumerable: false,
         configurable: true
@@ -1011,10 +1011,23 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the suffix icon's viewbox height.
         */
         get: function () {
-            return this.i.kb;
+            return this.i.kc;
         },
         set: function (v) {
-            this.i.kb = +v;
+            this.i.kc = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxDataGridColumnComponent.prototype, "suffixMargin", {
+        /**
+         * Gets or sets the suffix margin.
+        */
+        get: function () {
+            return this.i.kg;
+        },
+        set: function (v) {
+            this.i.kg = +v;
         },
         enumerable: false,
         configurable: true
@@ -1064,11 +1077,11 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgxDataGridColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.ma();
+        var iv = this.i.mc();
         return (iv);
     };
     IgxDataGridColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.nz(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+        this.i.n2(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if the column has named header values.
@@ -1093,7 +1106,7 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named header value to remove.
     */
     IgxDataGridColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.ny(valueName);
+        this.i.n1(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.
@@ -1101,11 +1114,11 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * Name of the named header value to retrieve.
     */
     IgxDataGridColumnComponent.prototype.getNamedHeaderValue = function (valueName) {
-        var iv = this.i.k5(valueName);
+        var iv = this.i.k7(valueName);
         return (iv);
     };
     IgxDataGridColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.nr(filterID, index, value);
+        this.i.nu(filterID, index, value);
     };
     IgxDataGridColumnComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -1170,7 +1183,7 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         configurable: true
     });
     IgxDataGridColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    IgxDataGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridColumnComponent, selector: "ng-component", inputs: { paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", name: "name", field: "field", headerText: "headerText", actualHeaderText: "actualHeaderText", selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", rowHoverBackground: "rowHoverBackground", actualHoverBackground: "actualHoverBackground", rowHoverTextColor: "rowHoverTextColor", actualRowHoverTextColor: "actualRowHoverTextColor", animationSettings: "animationSettings", width: "width", minWidth: "minWidth", isFromMarkup: "isFromMarkup", isAutoGenerated: "isAutoGenerated", filter: "filter", filterExpression: "filterExpression", header: "header", isFilteringEnabled: "isFilteringEnabled", isResizingEnabled: "isResizingEnabled", isHidden: "isHidden", shouldRemoveWhenHidden: "shouldRemoveWhenHidden", sortDirection: "sortDirection", pinned: "pinned", actualColumnOptionsIconAlignment: "actualColumnOptionsIconAlignment", columnOptionsIconAlignment: "columnOptionsIconAlignment", actualColumnOptionsIconColor: "actualColumnOptionsIconColor", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualColumnOptionsIconBehavior: "actualColumnOptionsIconBehavior", actualIsColumnOptionsEnabled: "actualIsColumnOptionsEnabled", isColumnOptionsEnabled: "isColumnOptionsEnabled", actualIsColumnOptionsSummariesEnabled: "actualIsColumnOptionsSummariesEnabled", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", actualIsColumnOptionsGroupingEnabled: "actualIsColumnOptionsGroupingEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", isEditable: "isEditable", deletedTextColor: "deletedTextColor", actualDeletedTextColor: "actualDeletedTextColor", editOpacity: "editOpacity", actualEditOpacity: "actualEditOpacity", textEditStyle: "textEditStyle", actualEditFontInfo: "actualEditFontInfo", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", mergedCellPaddingLeft: "mergedCellPaddingLeft", mergedCellPaddingTop: "mergedCellPaddingTop", mergedCellPaddingRight: "mergedCellPaddingRight", mergedCellPaddingBottom: "mergedCellPaddingBottom", filterComparisonType: "filterComparisonType", filterOperands: "filterOperands", suffixText: "suffixText", suffixTextColor: "suffixTextColor", suffixTextStyle: "suffixTextStyle", suffixIconName: "suffixIconName", suffixIconCollectionName: "suffixIconCollectionName", suffixIconStroke: "suffixIconStroke", suffixIconFill: "suffixIconFill", suffixIconViewBoxLeft: "suffixIconViewBoxLeft", suffixIconViewBoxTop: "suffixIconViewBoxTop", suffixIconViewBoxWidth: "suffixIconViewBoxWidth", suffixIconViewBoxHeight: "suffixIconViewBoxHeight", textDecoration: "textDecoration" }, outputs: { formatCell: "formatCell", actualHeaderTextChange: "actualHeaderTextChange" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
+    IgxDataGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridColumnComponent, selector: "ng-component", inputs: { paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", name: "name", field: "field", headerText: "headerText", actualHeaderText: "actualHeaderText", selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", rowHoverBackground: "rowHoverBackground", actualHoverBackground: "actualHoverBackground", rowHoverTextColor: "rowHoverTextColor", actualRowHoverTextColor: "actualRowHoverTextColor", animationSettings: "animationSettings", width: "width", minWidth: "minWidth", isFromMarkup: "isFromMarkup", isAutoGenerated: "isAutoGenerated", filter: "filter", filterExpression: "filterExpression", header: "header", isFilteringEnabled: "isFilteringEnabled", isResizingEnabled: "isResizingEnabled", isHidden: "isHidden", shouldRemoveWhenHidden: "shouldRemoveWhenHidden", sortDirection: "sortDirection", pinned: "pinned", actualColumnOptionsIconAlignment: "actualColumnOptionsIconAlignment", columnOptionsIconAlignment: "columnOptionsIconAlignment", actualColumnOptionsIconColor: "actualColumnOptionsIconColor", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualColumnOptionsIconBehavior: "actualColumnOptionsIconBehavior", actualIsColumnOptionsEnabled: "actualIsColumnOptionsEnabled", isColumnOptionsEnabled: "isColumnOptionsEnabled", actualIsColumnOptionsSummariesEnabled: "actualIsColumnOptionsSummariesEnabled", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", actualIsColumnOptionsGroupingEnabled: "actualIsColumnOptionsGroupingEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", isEditable: "isEditable", deletedTextColor: "deletedTextColor", actualDeletedTextColor: "actualDeletedTextColor", editOpacity: "editOpacity", actualEditOpacity: "actualEditOpacity", textEditStyle: "textEditStyle", actualEditFontInfo: "actualEditFontInfo", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", mergedCellPaddingLeft: "mergedCellPaddingLeft", mergedCellPaddingTop: "mergedCellPaddingTop", mergedCellPaddingRight: "mergedCellPaddingRight", mergedCellPaddingBottom: "mergedCellPaddingBottom", filterComparisonType: "filterComparisonType", filterOperands: "filterOperands", suffixText: "suffixText", suffixTextColor: "suffixTextColor", suffixTextStyle: "suffixTextStyle", suffixIconName: "suffixIconName", suffixIconCollectionName: "suffixIconCollectionName", suffixIconStroke: "suffixIconStroke", suffixIconFill: "suffixIconFill", suffixIconViewBoxLeft: "suffixIconViewBoxLeft", suffixIconViewBoxTop: "suffixIconViewBoxTop", suffixIconViewBoxWidth: "suffixIconViewBoxWidth", suffixIconViewBoxHeight: "suffixIconViewBoxHeight", suffixMargin: "suffixMargin", textDecoration: "textDecoration" }, outputs: { formatCell: "formatCell", actualHeaderTextChange: "actualHeaderTextChange" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
     return IgxDataGridColumnComponent;
 }(IgxDefinitionBaseComponent));
 export { IgxDataGridColumnComponent };
@@ -1313,6 +1326,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], suffixIconViewBoxHeight: [{
                 type: Input
+            }], suffixMargin: [{
+                type: Input
             }], textDecoration: [{
                 type: Input
             }], formatCell: [{

package/esm5/lib/igx-date-time-cell-info.js

@@ -29,10 +29,10 @@ var IgxDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the DateTime value for the cell.
         */
         get: function () {
-            return this.i.n6;
+            return this.i.oa;
         },
         set: function (v) {
-            this.i.n6 = v;
+            this.i.oa = v;
         },
         enumerable: false,
         configurable: true
@@ -42,24 +42,24 @@ var IgxDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * The format string to apply to the value
         */
         get: function () {
-            return this.i.on;
+            return this.i.or;
         },
         set: function (v) {
-            this.i.on = v;
+            this.i.or = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDateTimeCellInfo.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.nx;
+            return this.i.n1;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.nx = v;
+            this.i.n1 = v;
         },
         enumerable: false,
         configurable: true
@@ -69,10 +69,10 @@ var IgxDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * The format options to apply to the value
         */
         get: function () {
-            return this.i.og;
+            return this.i.ok;
         },
         set: function (v) {
-            this.i.og = v;
+            this.i.ok = v;
         },
         enumerable: false,
         configurable: true
@@ -82,10 +82,10 @@ var IgxDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the simple DateTimeFormat to use for the cell.
         */
         get: function () {
-            return this.i.n2;
+            return this.i.n6;
         },
         set: function (v) {
-            this.i.n2 = ensureEnum(DateTimeFormats_$type, v);
+            this.i.n6 = ensureEnum(DateTimeFormats_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -95,10 +95,10 @@ var IgxDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets whether the value to use is a DateTimeOffset value.
         */
         get: function () {
-            return this.i.n4;
+            return this.i.n8;
         },
         set: function (v) {
-            this.i.n4 = ensureBool(v);
+            this.i.n8 = ensureBool(v);
         },
         enumerable: false,
         configurable: true