igniteui-angular-data-grids 20.0.0 → 20.0.1

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

@@ -12,6 +12,7 @@ import { MergedCellEvaluationCriteria_$type } from "./MergedCellEvaluationCriter
 import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignment";
 import { FilterComparisonType_$type } from "./FilterComparisonType";
 import { IgxGridFilterOperandsCollection } from "./igx-grid-filter-operands-collection";
+import { IgxFormatCellEventArgs } from "./igx-format-cell-event-args";
 import { IgxDefinitionBaseComponent } from "./igx-definition-base-component";
 import { brushToString, stringToBrush, ensureBool, ensureEnum } from "igniteui-angular-core";
 import { ColumnWidth as ColumnWidth_internal } from "./ColumnWidth";
@@ -28,6 +29,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this._filterOperands = null;
+            this._formatCell = null;
             this._actualHeaderTextChange = null;
         }
         /**
@@ -54,133 +56,133 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.kk;
+            return this.i.kl;
         }
         set paddingLeft(v) {
-            this.i.kk = +v;
+            this.i.kl = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.km;
+            return this.i.kn;
         }
         set paddingTop(v) {
-            this.i.km = +v;
+            this.i.kn = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.kl;
+            return this.i.km;
         }
         set paddingRight(v) {
-            this.i.kl = +v;
+            this.i.km = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.kj;
+            return this.i.kk;
         }
         set paddingBottom(v) {
-            this.i.kj = +v;
+            this.i.kk = +v;
         }
         /**
          * Gets or sets an unique name of the Column
         */
         get name() {
-            return this.i.mf;
+            return this.i.mg;
         }
         set name(v) {
-            this.i.mf = v;
+            this.i.mg = v;
         }
         /**
          * Gets or sets the key used for the column binding
         */
         get field() {
-            return this.i.lo;
+            return this.i.lp;
         }
         set field(v) {
-            this.i.lo = v;
+            this.i.lp = v;
         }
         /**
          * Gets or sets the text displayed in the header of the column
         */
         get headerText() {
-            return this.i.lv;
+            return this.i.lw;
         }
         set headerText(v) {
-            this.i.lv = v;
+            this.i.lw = v;
         }
         /**
          * Gets the actual text displayed in the header of the column
         */
         get actualHeaderText() {
-            return this.i.k3;
+            return this.i.k4;
         }
         set actualHeaderText(v) {
-            this.i.k3 = v;
+            this.i.k4 = v;
         }
         /**
          * Gets or sets the background color to use for the cells when they are selected
         */
         get selectedBackground() {
-            return brushToString(this.i.n2);
+            return brushToString(this.i.n4);
         }
         set selectedBackground(v) {
-            this.i.n2 = stringToBrush(v);
+            this.i.n4 = stringToBrush(v);
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSelectedBackground() {
-            return brushToString(this.i.nv);
+            return brushToString(this.i.nx);
         }
         set actualSelectedBackground(v) {
-            this.i.nv = stringToBrush(v);
+            this.i.nx = stringToBrush(v);
         }
         /**
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get rowHoverBackground() {
-            return brushToString(this.i.n0);
+            return brushToString(this.i.n2);
         }
         set rowHoverBackground(v) {
-            this.i.n0 = stringToBrush(v);
+            this.i.n2 = stringToBrush(v);
         }
         /**
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get actualHoverBackground() {
-            return brushToString(this.i.nt);
+            return brushToString(this.i.nv);
         }
         set actualHoverBackground(v) {
-            this.i.nt = stringToBrush(v);
+            this.i.nv = stringToBrush(v);
         }
         /**
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get rowHoverTextColor() {
-            return brushToString(this.i.n1);
+            return brushToString(this.i.n3);
         }
         set rowHoverTextColor(v) {
-            this.i.n1 = stringToBrush(v);
+            this.i.n3 = stringToBrush(v);
         }
         /**
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get actualRowHoverTextColor() {
-            return brushToString(this.i.nu);
+            return brushToString(this.i.nw);
         }
         set actualRowHoverTextColor(v) {
-            this.i.nu = stringToBrush(v);
+            this.i.nw = stringToBrush(v);
         }
         /**
          * Gets or sets the animation settings to use for this column.
         */
         get animationSettings() {
-            const r = this.i.h6;
+            const r = this.i.h7;
             if (r == null) {
                 return null;
             }
@@ -199,7 +201,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
             return r.externalObject;
         }
         set animationSettings(v) {
-            v == null ? this.i.h6 = null : this.i.h6 = v.i;
+            v == null ? this.i.h7 = null : this.i.h7 = v.i;
         }
         /**
          * Gets or sets the width to use for this column.
@@ -236,28 +238,28 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
         */
         get minWidth() {
-            return this.i.j0;
+            return this.i.j1;
         }
         set minWidth(v) {
-            this.i.j0 = +v;
+            this.i.j1 = +v;
         }
         /**
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get isFromMarkup() {
-            return this.i.jn;
+            return this.i.jo;
         }
         set isFromMarkup(v) {
-            this.i.jn = ensureBool(v);
+            this.i.jo = ensureBool(v);
         }
         /**
          * Gets whether this column was auto generated.
         */
         get isAutoGenerated() {
-            return this.i.jh;
+            return this.i.ji;
         }
         set isAutoGenerated(v) {
-            this.i.jh = ensureBool(v);
+            this.i.ji = ensureBool(v);
         }
         /**
          * Gets or sets a filter to apply on the values of this column
@@ -303,37 +305,37 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether filtering is enabled for this column.
         */
         get isFilteringEnabled() {
-            return this.i.jm;
+            return this.i.jn;
         }
         set isFilteringEnabled(v) {
-            this.i.jm = ensureBool(v);
+            this.i.jn = ensureBool(v);
         }
         /**
          * Gets or sets whether resizing is enabled for this column.
         */
         get isResizingEnabled() {
-            return this.i.jp;
+            return this.i.jq;
         }
         set isResizingEnabled(v) {
-            this.i.jp = ensureBool(v);
+            this.i.jq = ensureBool(v);
         }
         /**
          * Gets or sets whether or not a column is hidden from the grid
         */
         get isHidden() {
-            return this.i.jo;
+            return this.i.jp;
         }
         set isHidden(v) {
-            this.i.jo = ensureBool(v);
+            this.i.jp = ensureBool(v);
         }
         /**
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get shouldRemoveWhenHidden() {
-            return this.i.js;
+            return this.i.jt;
         }
         set shouldRemoveWhenHidden(v) {
-            this.i.js = ensureBool(v);
+            this.i.jt = ensureBool(v);
         }
         /**
          * Gets the current sort direction (None, Ascending, Descending) for this column.
@@ -348,10 +350,10 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the current fixed position for this column.
         */
         get pinned() {
-            return this.i.il;
+            return this.i.im;
         }
         set pinned(v) {
-            this.i.il = ensureEnum(PinnedPositions_$type, v);
+            this.i.im = ensureEnum(PinnedPositions_$type, v);
         }
         /**
          * Gets the actual column options icon alignment for this column.
@@ -375,19 +377,19 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual column options icon color for this column.
         */
         get actualColumnOptionsIconColor() {
-            return brushToString(this.i.nr);
+            return brushToString(this.i.nt);
         }
         set actualColumnOptionsIconColor(v) {
-            this.i.nr = stringToBrush(v);
+            this.i.nt = stringToBrush(v);
         }
         /**
          * Gets or sets the column options icon color for this column.
         */
         get columnOptionsIconColor() {
-            return brushToString(this.i.nw);
+            return brushToString(this.i.ny);
         }
         set columnOptionsIconColor(v) {
-            this.i.nw = stringToBrush(v);
+            this.i.ny = stringToBrush(v);
         }
         /**
          * Gets or sets how the column option icon will behave in the column header.
@@ -411,101 +413,101 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual state of the column options for this column.
         */
         get actualIsColumnOptionsEnabled() {
-            return this.i.ja;
+            return this.i.jb;
         }
         set actualIsColumnOptionsEnabled(v) {
-            this.i.ja = ensureBool(v);
+            this.i.jb = ensureBool(v);
         }
         /**
          * Gets or sets the preferred state of the column options for this column. If the feature is disabled at the grid level
          * then it will be disabled for the column regardless of what this is set to.
         */
         get isColumnOptionsEnabled() {
-            return this.i.ji;
+            return this.i.jj;
         }
         set isColumnOptionsEnabled(v) {
-            this.i.ji = ensureBool(v);
+            this.i.jj = ensureBool(v);
         }
         /**
          * Gets the actual state of summaries menu in the column options for this column.
         */
         get actualIsColumnOptionsSummariesEnabled() {
-            return this.i.jc;
+            return this.i.jd;
         }
         set actualIsColumnOptionsSummariesEnabled(v) {
-            this.i.jc = ensureBool(v);
+            this.i.jd = ensureBool(v);
         }
         /**
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get isColumnOptionsSummariesEnabled() {
-            return this.i.jk;
+            return this.i.jl;
         }
         set isColumnOptionsSummariesEnabled(v) {
-            this.i.jk = ensureBool(v);
+            this.i.jl = ensureBool(v);
         }
         /**
          * Gets the actual state of grouping menu in the column options for this column.
         */
         get actualIsColumnOptionsGroupingEnabled() {
-            return this.i.jb;
+            return this.i.jc;
         }
         set actualIsColumnOptionsGroupingEnabled(v) {
-            this.i.jb = ensureBool(v);
+            this.i.jc = ensureBool(v);
         }
         /**
          * Gets or sets whether to show the grouping option in the column options menu for this column.
         */
         get isColumnOptionsGroupingEnabled() {
-            return this.i.jj;
+            return this.i.jk;
         }
         set isColumnOptionsGroupingEnabled(v) {
-            this.i.jj = ensureBool(v);
+            this.i.jk = ensureBool(v);
         }
         /**
          * Gets or sets if the column is editable.
         */
         get isEditable() {
-            return this.i.jl;
+            return this.i.jm;
         }
         set isEditable(v) {
-            this.i.jl = ensureBool(v);
+            this.i.jm = ensureBool(v);
         }
         /**
          * Gets or sets the text color used for deleted rows.
         */
         get deletedTextColor() {
-            return brushToString(this.i.nx);
+            return brushToString(this.i.nz);
         }
         set deletedTextColor(v) {
-            this.i.nx = stringToBrush(v);
+            this.i.nz = stringToBrush(v);
         }
         /**
          * Gets the actual text color used for deleted rows.
         */
         get actualDeletedTextColor() {
-            return brushToString(this.i.ns);
+            return brushToString(this.i.nu);
         }
         set actualDeletedTextColor(v) {
-            this.i.ns = stringToBrush(v);
+            this.i.nu = stringToBrush(v);
         }
         /**
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get editOpacity() {
-            return this.i.jz;
+            return this.i.j0;
         }
         set editOpacity(v) {
-            this.i.jz = +v;
+            this.i.j0 = +v;
         }
         /**
          * Gets the actual opacity for unsaved edited cell values.
         */
         get actualEditOpacity() {
-            return this.i.jy;
+            return this.i.jz;
         }
         set actualEditOpacity(v) {
-            this.i.jy = +v;
+            this.i.jz = +v;
         }
         /**
          * Gets or sets the font style to use for unsaved cell edits.
@@ -525,33 +527,33 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual font style used for unsaved cell edits.
         */
         get actualEditFontInfo() {
-            if (this.i.is == null) {
+            if (this.i.it == null) {
                 return null;
             }
-            return this.i.is.fontString;
+            return this.i.it.fontString;
         }
         set actualEditFontInfo(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.is = fi;
+            this.i.it = fi;
         }
         /**
          * Gets or sets if and how cell merging is performed for this field.
         */
         get mergedCellMode() {
-            return this.i.ih;
+            return this.i.ii;
         }
         set mergedCellMode(v) {
-            this.i.ih = ensureEnum(MergedCellMode_$type, v);
+            this.i.ii = ensureEnum(MergedCellMode_$type, v);
         }
         /**
          * Gets or sets how cells are evaluated for merging.
         */
         get mergedCellEvaluationCriteria() {
-            return this.i.id;
+            return this.i.ie;
         }
         set mergedCellEvaluationCriteria(v) {
-            this.i.id = ensureEnum(MergedCellEvaluationCriteria_$type, v);
+            this.i.ie = ensureEnum(MergedCellEvaluationCriteria_$type, v);
         }
         /**
          * Gets or sets the vertical alignment to use for the merged cell content.
@@ -566,37 +568,37 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get mergedCellPaddingLeft() {
-            return this.i.kd;
+            return this.i.ke;
         }
         set mergedCellPaddingLeft(v) {
-            this.i.kd = +v;
+            this.i.ke = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get mergedCellPaddingTop() {
-            return this.i.kf;
+            return this.i.kg;
         }
         set mergedCellPaddingTop(v) {
-            this.i.kf = +v;
+            this.i.kg = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get mergedCellPaddingRight() {
-            return this.i.ke;
+            return this.i.kf;
         }
         set mergedCellPaddingRight(v) {
-            this.i.ke = +v;
+            this.i.kf = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get mergedCellPaddingBottom() {
-            return this.i.kc;
+            return this.i.kd;
         }
         set mergedCellPaddingBottom(v) {
-            this.i.kc = +v;
+            this.i.kd = +v;
         }
         /**
          * Gets or sets whether UI filters are case sensitive or not.
@@ -613,7 +615,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         get filterOperands() {
             if (this._filterOperands === null) {
                 let coll = new IgxGridFilterOperandsCollection();
-                let innerColl = this.i.h8;
+                let innerColl = this.i.h9;
                 if (!innerColl) {
                     innerColl = new GridFilterOperandsCollection_internal();
                 }
@@ -629,7 +631,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
             let coll = new IgxGridFilterOperandsCollection();
             this._filterOperands = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            let innerColl = this.i.h8;
+            let innerColl = this.i.h9;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
@@ -669,18 +671,18 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         
         */
         getUniqueKey() {
-            let iv = this.i.lt();
+            let iv = this.i.lu();
             return (iv);
         }
         setNamedHeaderValue(valueName, animationType, value) {
-            this.i.m2(valueName, (animationType == null ? null : animationType), value);
+            this.i.m4(valueName, (animationType == null ? null : animationType), value);
         }
         /**
          * Returns if the column has named header values.
         
         */
         hasNamedHeaderValues() {
-            let iv = this.i.jf();
+            let iv = this.i.jg();
             return (iv);
         }
         /**
@@ -689,7 +691,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value to check for.
         */
         hasNamedHeaderValue(valueName) {
-            let iv = this.i.je(valueName);
+            let iv = this.i.jf(valueName);
             return (iv);
         }
         /**
@@ -698,7 +700,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named header value to remove.
         */
         removeNamedHeaderValue(valueName) {
-            this.i.m1(valueName);
+            this.i.m3(valueName);
         }
         /**
          * Gets the value of a named header value for this column by name.
@@ -706,11 +708,11 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * Name of the named header value to retrieve.
         */
         getNamedHeaderValue(valueName) {
-            let iv = this.i.kr(valueName);
+            let iv = this.i.ks(valueName);
             return (iv);
         }
         applyCustomFilter(filterID, index, value) {
-            this.i.mu(filterID, index, value);
+            this.i.mw(filterID, index, value);
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();
@@ -728,6 +730,26 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         removeCommandStateChangedListener(listener) {
             this.i.removeCommandStateChangedListener(listener);
         }
+        /**
+         * Called when cell text is being formatted.
+        */
+        get formatCell() {
+            if (this._formatCell == null) {
+                this._formatCell = new EventEmitter();
+                this.i.formatCell = delegateCombine(this.i.formatCell, (o, e) => {
+                    let outerArgs = new IgxFormatCellEventArgs();
+                    outerArgs._provideImplementation(e);
+                    if (this.beforeFormatCell) {
+                        this.beforeFormatCell(this, outerArgs);
+                    }
+                    this._formatCell.emit({
+                        sender: this,
+                        args: outerArgs
+                    });
+                });
+            }
+            return this._formatCell;
+        }
         get actualHeaderTextChange() {
             if (this._actualHeaderTextChange == null) {
                 this._actualHeaderTextChange = new EventEmitter();
@@ -746,7 +768,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
         }
     }
     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" }, outputs: { 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" }, outputs: { formatCell: "formatCell", actualHeaderTextChange: "actualHeaderTextChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
     return IgxDataGridColumnComponent;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridColumnComponent, decorators: [{
@@ -866,6 +888,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], filterOperands: [{
                 type: Input
+            }], formatCell: [{
+                type: Output
             }], actualHeaderTextChange: [{
                 type: Output
             }] } });