igniteui-angular-data-grids 21.1.0-beta.2 → 22.0.0-alpha.0

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

@@ -1,1313 +0,0 @@
-import { EventEmitter, Output, Component, Input } from '@angular/core';
-import { delegateCombine } from "igniteui-angular-core";
-import { IgxGridColumnAnimationSettings } from "./igx-grid-column-animation-settings";
-import { IgxColumnWidth } from "./igx-column-width";
-import { IgxHeaderComponent } from "./igx-header-component";
-import { ColumnSortDirection_$type } from "./ColumnSortDirection";
-import { PinnedPositions_$type } from "./PinnedPositions";
-import { ColumnOptionsIconAlignment_$type } from "./ColumnOptionsIconAlignment";
-import { ColumnOptionsIconBehavior_$type } from "./ColumnOptionsIconBehavior";
-import { MergedCellMode_$type } from "./MergedCellMode";
-import { MergedCellEvaluationCriteria_$type } from "./MergedCellEvaluationCriteria";
-import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignment";
-import { FilterComparisonType_$type } from "./FilterComparisonType";
-import { IgxGridFilterOperandsCollection } from "./igx-grid-filter-operands-collection";
-import { TextCellDecoration_$type } from "./TextCellDecoration";
-import { IgxFormatCellEventArgs } from "./igx-format-cell-event-args";
-import { CellPropertyAnimationType_$type } from "./CellPropertyAnimationType";
-import { IgxDefinitionBaseComponent } from "./igx-definition-base-component";
-import { brushToString, stringToBrush, ensureBool, ensureEnum } from "igniteui-angular-core";
-import { ColumnWidth as ColumnWidth_internal } from "./ColumnWidth";
-import { FontInfo } from "igniteui-angular-core";
-import { GridFilterOperandsCollection as GridFilterOperandsCollection_internal } from "./GridFilterOperandsCollection";
-import { FilterOperand } from "./FilterOperand";
-import { SyncableObservableCollection$1 } from "igniteui-angular-core";
-import * as i0 from "@angular/core";
-/**
- * A column in the data grid.
-*/
-export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
-    class IgxDataGridColumnComponent extends IgxDefinitionBaseComponent {
-        constructor() {
-            super();
-            this._filterOperands = null;
-            this._formatCell = null;
-            this._actualHeaderTextChange = null;
-        }
-        /**
-                                     * @hidden
-                                     */
-        get i() {
-            return this._implementation;
-        }
-        ngAfterContentInit() {
-            this.__calledUpdateAdapters = false;
-            if (super["ngAfterContentInit"]) {
-                super["ngAfterContentInit"]();
-            }
-            var called = this.__calledUpdateAdapters;
-            this.__calledUpdateAdapters = false;
-            if (!called) {
-                if (this._updateAdapters) {
-                    this.__calledUpdateAdapters = true;
-                    this._updateAdapters();
-                }
-            }
-        }
-        /**
-         * Gets or sets the amount of left padding to use for the cell content for this column.
-        */
-        get paddingLeft() {
-            return this.i.lm;
-        }
-        set paddingLeft(v) {
-            this.i.lm = +v;
-        }
-        /**
-         * Gets or sets the amount of top padding to use for the cell content for this column.
-        */
-        get paddingTop() {
-            return this.i.lo;
-        }
-        set paddingTop(v) {
-            this.i.lo = +v;
-        }
-        /**
-         * Gets or sets the amount of right padding to use for the cell content of this column.
-        */
-        get paddingRight() {
-            return this.i.ln;
-        }
-        set paddingRight(v) {
-            this.i.ln = +v;
-        }
-        /**
-         * Gets or sets the amount of bottom padding to use for the cell content of this column.
-        */
-        get paddingBottom() {
-            return this.i.ll;
-        }
-        set paddingBottom(v) {
-            this.i.ll = +v;
-        }
-        /**
-         * Gets or sets an unique name of the Column
-        */
-        get name() {
-            return this.i.od;
-        }
-        set name(v) {
-            this.i.od = v;
-        }
-        /**
-         * Gets or sets the key used for the column binding
-        */
-        get field() {
-            return this.i.nl;
-        }
-        set field(v) {
-            this.i.nl = v;
-        }
-        /**
-         * Gets or sets the text displayed in the header of the column
-        */
-        get headerText() {
-            return this.i.ns;
-        }
-        set headerText(v) {
-            this.i.ns = v;
-        }
-        /**
-         * Gets the actual text displayed in the header of the column
-        */
-        get actualHeaderText() {
-            return this.i.mm;
-        }
-        set actualHeaderText(v) {
-            this.i.mm = v;
-        }
-        /**
-         * Gets or sets the background color to use for the cells when they are selected
-        */
-        get selectedBackground() {
-            return brushToString(this.i.r9);
-        }
-        set selectedBackground(v) {
-            this.i.r9 = stringToBrush(v);
-        }
-        /**
-         * Gets the actual background color that is used for the cells when they are selected
-        */
-        get actualSelectedBackground() {
-            return brushToString(this.i.rr);
-        }
-        set actualSelectedBackground(v) {
-            this.i.rr = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the text color to use for the cells when they are selected
-        */
-        get selectedTextColor() {
-            return brushToString(this.i.sa);
-        }
-        set selectedTextColor(v) {
-            this.i.sa = stringToBrush(v);
-        }
-        /**
-         * Gets the actual text color that is used for the cells when they are selected
-        */
-        get actualSelectedTextColor() {
-            return brushToString(this.i.rs);
-        }
-        set actualSelectedTextColor(v) {
-            this.i.rs = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the background color to use for the cells when the row is hovered.
-        */
-        get rowHoverBackground() {
-            return brushToString(this.i.r7);
-        }
-        set rowHoverBackground(v) {
-            this.i.r7 = stringToBrush(v);
-        }
-        /**
-         * Gets the actual background color that is used for the cells when they are hovered.
-        */
-        get actualHoverBackground() {
-            return brushToString(this.i.rp);
-        }
-        set actualHoverBackground(v) {
-            this.i.rp = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the text color to use for the cells when the row is hovered.
-        */
-        get rowHoverTextColor() {
-            return brushToString(this.i.r8);
-        }
-        set rowHoverTextColor(v) {
-            this.i.r8 = stringToBrush(v);
-        }
-        /**
-         * Gets the actual text color that is used for the cells when they are hovered.
-        */
-        get actualRowHoverTextColor() {
-            return brushToString(this.i.rq);
-        }
-        set actualRowHoverTextColor(v) {
-            this.i.rq = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the animation settings to use for this column.
-        */
-        get animationSettings() {
-            const r = this.i.id;
-            if (r == null) {
-                return null;
-            }
-            if (!r.externalObject) {
-                let e = new IgxGridColumnAnimationSettings();
-                if (r.$type) {
-                    e._implementation = r;
-                }
-                else {
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
-                    }
-                }
-                r.externalObject = e;
-            }
-            return r.externalObject;
-        }
-        set animationSettings(v) {
-            v == null ? this.i.id = null : this.i.id = v.i;
-        }
-        /**
-         * Gets or sets the width to use for this column.
-        */
-        get width() {
-            const r = this.i.width;
-            if (r == null) {
-                return null;
-            }
-            if (!r.externalObject) {
-                let e = new IgxColumnWidth();
-                if (r.$type) {
-                    e._implementation = r;
-                }
-                else {
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
-                    }
-                }
-                r.externalObject = e;
-            }
-            return r.externalObject;
-        }
-        set width(v) {
-            if (typeof v == "string") {
-                let int = ColumnWidth_internal.parse(v);
-                let ext = new IgxColumnWidth();
-                ext._implementation = int;
-                v = ext;
-            }
-            v == null ? this.i.width = null : this.i.width = v.i;
-        }
-        /**
-         * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
-        */
-        get minWidth() {
-            return this.i.kt;
-        }
-        set minWidth(v) {
-            this.i.kt = +v;
-        }
-        /**
-         * Gets whether this column was projected from markup/templates and is constrained.
-        */
-        get isFromMarkup() {
-            return this.i.ka;
-        }
-        set isFromMarkup(v) {
-            this.i.ka = ensureBool(v);
-        }
-        /**
-         * Gets whether this column was auto generated.
-        */
-        get isAutoGenerated() {
-            return this.i.j4;
-        }
-        set isAutoGenerated(v) {
-            this.i.j4 = ensureBool(v);
-        }
-        /**
-         * Gets or sets a filter to apply on the values of this column
-        */
-        get filter() {
-            return this.i.g5;
-        }
-        set filter(v) {
-            this.i.g5 = v;
-        }
-        /**
-         * Gets or sets a filter to apply to the values of this column.
-        */
-        get filterExpression() {
-            return this.i.g7;
-        }
-        set filterExpression(v) {
-            this.i.g7 = v;
-        }
-        /**
-         * Gets or sets the header definition for this column.
-        */
-        get header() {
-            const r = this.i.header;
-            if (r == null) {
-                return null;
-            }
-            if (!r.externalObject) {
-                let e = IgxHeaderComponent._createFromInternal(r);
-                if (e) {
-                    e._implementation = r;
-                }
-                r.externalObject = e;
-            }
-            return r.externalObject;
-        }
-        set header(v) {
-            if (v != null && this._stylingContainer && v._styling)
-                v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.header = null : this.i.header = v.i;
-        }
-        /**
-         * Gets or sets whether filtering is enabled for this column.
-        */
-        get isFilteringEnabled() {
-            return this.i.j9;
-        }
-        set isFilteringEnabled(v) {
-            this.i.j9 = ensureBool(v);
-        }
-        /**
-         * Gets or sets whether resizing is enabled for this column.
-        */
-        get isResizingEnabled() {
-            return this.i.kc;
-        }
-        set isResizingEnabled(v) {
-            this.i.kc = ensureBool(v);
-        }
-        /**
-         * Gets or sets whether sorting is enabled for this column from the UI.
-        */
-        get isSortingEnabled() {
-            return this.i.kd;
-        }
-        set isSortingEnabled(v) {
-            this.i.kd = ensureBool(v);
-        }
-        /**
-         * Gets or sets whether or not a column is hidden from the grid
-        */
-        get isHidden() {
-            return this.i.kb;
-        }
-        set isHidden(v) {
-            this.i.kb = ensureBool(v);
-        }
-        /**
-         * Gets or sets if a column should be removed from the grid when it is fully hidden
-        */
-        get shouldRemoveWhenHidden() {
-            return this.i.kg;
-        }
-        set shouldRemoveWhenHidden(v) {
-            this.i.kg = ensureBool(v);
-        }
-        /**
-         * Gets the current sort direction (None, Ascending, Descending) for this column.
-        */
-        get sortDirection() {
-            return this.i.hv;
-        }
-        set sortDirection(v) {
-            this.i.hv = ensureEnum(ColumnSortDirection_$type, v);
-        }
-        /**
-         * Gets or sets the current fixed position for this column.
-        */
-        get pinned() {
-            return this.i.it;
-        }
-        set pinned(v) {
-            this.i.it = ensureEnum(PinnedPositions_$type, v);
-        }
-        /**
-         * Gets the actual column options icon alignment for this column.
-        */
-        get actualColumnOptionsIconAlignment() {
-            return this.i.hm;
-        }
-        set actualColumnOptionsIconAlignment(v) {
-            this.i.hm = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-        }
-        /**
-         * Gets or sets whether the column options icon is aligned opposite the header text or not.
-        */
-        get columnOptionsIconAlignment() {
-            return this.i.hn;
-        }
-        set columnOptionsIconAlignment(v) {
-            this.i.hn = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-        }
-        /**
-         * Gets the actual column options icon color for this column.
-        */
-        get actualColumnOptionsIconColor() {
-            return brushToString(this.i.rj);
-        }
-        set actualColumnOptionsIconColor(v) {
-            this.i.rj = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the column options icon color for this column.
-        */
-        get columnOptionsIconColor() {
-            return brushToString(this.i.rz);
-        }
-        set columnOptionsIconColor(v) {
-            this.i.rz = stringToBrush(v);
-        }
-        /**
-         * Gets or sets how the column option icon will behave in the column header.
-        */
-        get columnOptionsIconBehavior() {
-            return this.i.hr;
-        }
-        set columnOptionsIconBehavior(v) {
-            this.i.hr = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-        }
-        /**
-         * Gets or sets how the column option icon will behave in the column header.
-        */
-        get actualColumnOptionsIconBehavior() {
-            return this.i.hq;
-        }
-        set actualColumnOptionsIconBehavior(v) {
-            this.i.hq = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-        }
-        /**
-         * Gets the actual state of the column options for this column.
-        */
-        get actualIsColumnOptionsEnabled() {
-            return this.i.jx;
-        }
-        set actualIsColumnOptionsEnabled(v) {
-            this.i.jx = 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.j5;
-        }
-        set isColumnOptionsEnabled(v) {
-            this.i.j5 = ensureBool(v);
-        }
-        /**
-         * Gets the actual state of summaries menu in the column options for this column.
-        */
-        get actualIsColumnOptionsSummariesEnabled() {
-            return this.i.jz;
-        }
-        set actualIsColumnOptionsSummariesEnabled(v) {
-            this.i.jz = ensureBool(v);
-        }
-        /**
-         * Gets or sets whether to show the summaries option in the column options menu for this column.
-        */
-        get isColumnOptionsSummariesEnabled() {
-            return this.i.j7;
-        }
-        set isColumnOptionsSummariesEnabled(v) {
-            this.i.j7 = ensureBool(v);
-        }
-        /**
-         * Gets the actual state of grouping menu in the column options for this column.
-        */
-        get actualIsColumnOptionsGroupingEnabled() {
-            return this.i.jy;
-        }
-        set actualIsColumnOptionsGroupingEnabled(v) {
-            this.i.jy = ensureBool(v);
-        }
-        /**
-         * Gets or sets whether to show the grouping option in the column options menu for this column.
-        */
-        get isColumnOptionsGroupingEnabled() {
-            return this.i.j6;
-        }
-        set isColumnOptionsGroupingEnabled(v) {
-            this.i.j6 = ensureBool(v);
-        }
-        /**
-         * Gets or sets the column options dropdown background color.
-        */
-        get actualColumnOptionsBackground() {
-            return brushToString(this.i.re);
-        }
-        set actualColumnOptionsBackground(v) {
-            this.i.re = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the column options dropdown background color.
-        */
-        get columnOptionsBackground() {
-            return brushToString(this.i.ru);
-        }
-        set columnOptionsBackground(v) {
-            this.i.ru = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the text color for text inside the column options menu.
-        */
-        get actualColumnOptionsTextColor() {
-            return brushToString(this.i.rl);
-        }
-        set actualColumnOptionsTextColor(v) {
-            this.i.rl = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the text color for text inside the column options menu.
-        */
-        get columnOptionsTextColor() {
-            return brushToString(this.i.r1);
-        }
-        set columnOptionsTextColor(v) {
-            this.i.r1 = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the font settings for text inside the column options menu.
-        */
-        get columnOptionsTextStyle() {
-            if (this.i.jd == null) {
-                return null;
-            }
-            return this.i.jd.fontString;
-        }
-        set columnOptionsTextStyle(v) {
-            let fi = new FontInfo();
-            fi.fontString = v;
-            this.i.jd = fi;
-        }
-        get actualColumnOptionsHoverBackgroundColor() {
-            return brushToString(this.i.ri);
-        }
-        set actualColumnOptionsHoverBackgroundColor(v) {
-            this.i.ri = stringToBrush(v);
-        }
-        get columnOptionsHoverBackgroundColor() {
-            return brushToString(this.i.ry);
-        }
-        set columnOptionsHoverBackgroundColor(v) {
-            this.i.ry = stringToBrush(v);
-        }
-        get actualColumnOptionsToolTipBackgroundColor() {
-            return brushToString(this.i.rm);
-        }
-        set actualColumnOptionsToolTipBackgroundColor(v) {
-            this.i.rm = stringToBrush(v);
-        }
-        get columnOptionsToolTipBackgroundColor() {
-            return brushToString(this.i.r2);
-        }
-        set columnOptionsToolTipBackgroundColor(v) {
-            this.i.r2 = stringToBrush(v);
-        }
-        get actualColumnOptionsToolTipTextColor() {
-            return brushToString(this.i.rn);
-        }
-        set actualColumnOptionsToolTipTextColor(v) {
-            this.i.rn = stringToBrush(v);
-        }
-        get columnOptionsToolTipTextColor() {
-            return brushToString(this.i.r3);
-        }
-        set columnOptionsToolTipTextColor(v) {
-            this.i.r3 = stringToBrush(v);
-        }
-        get actualColumnOptionsHighlightColor() {
-            return brushToString(this.i.rh);
-        }
-        set actualColumnOptionsHighlightColor(v) {
-            this.i.rh = stringToBrush(v);
-        }
-        get columnOptionsHighlightColor() {
-            return brushToString(this.i.rx);
-        }
-        set columnOptionsHighlightColor(v) {
-            this.i.rx = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the color of separators inside the column options menu.
-        */
-        get actualColumnOptionsSeparatorColor() {
-            return brushToString(this.i.rk);
-        }
-        set actualColumnOptionsSeparatorColor(v) {
-            this.i.rk = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the color of separators inside the column options menu.
-        */
-        get columnOptionsSeparatorColor() {
-            return brushToString(this.i.r0);
-        }
-        set columnOptionsSeparatorColor(v) {
-            this.i.r0 = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the background color for group headers inside the column options menu.
-        */
-        get actualColumnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.rf);
-        }
-        set actualColumnOptionsGroupHeaderBackground(v) {
-            this.i.rf = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the background color for group headers inside the column options menu.
-        */
-        get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.rv);
-        }
-        set columnOptionsGroupHeaderBackground(v) {
-            this.i.rv = stringToBrush(v);
-        }
-        /**
-         * Gets the actual text color for group headers inside the column options menu.
-        */
-        get actualColumnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.rg);
-        }
-        set actualColumnOptionsGroupHeaderTextColor(v) {
-            this.i.rg = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the text color for group headers inside the column options menu.
-        */
-        get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.rw);
-        }
-        set columnOptionsGroupHeaderTextColor(v) {
-            this.i.rw = stringToBrush(v);
-        }
-        get columnOptionsGroupHeaderTextStyle() {
-            if (this.i.jc == null) {
-                return null;
-            }
-            return this.i.jc.fontString;
-        }
-        set columnOptionsGroupHeaderTextStyle(v) {
-            let fi = new FontInfo();
-            fi.fontString = v;
-            this.i.jc = fi;
-        }
-        get actualColumnOptionsAccentColor() {
-            return brushToString(this.i.rd);
-        }
-        set actualColumnOptionsAccentColor(v) {
-            this.i.rd = stringToBrush(v);
-        }
-        get columnOptionsAccentColor() {
-            return brushToString(this.i.rt);
-        }
-        set columnOptionsAccentColor(v) {
-            this.i.rt = stringToBrush(v);
-        }
-        get actualColumnOptionsRowHeight() {
-            return this.i.lc;
-        }
-        set actualColumnOptionsRowHeight(v) {
-            this.i.lc = +v;
-        }
-        get columnOptionsRowHeight() {
-            return this.i.ld;
-        }
-        set columnOptionsRowHeight(v) {
-            this.i.ld = +v;
-        }
-        /**
-         * Gets or sets if the column is editable.
-        */
-        get isEditable() {
-            return this.i.j8;
-        }
-        set isEditable(v) {
-            this.i.j8 = ensureBool(v);
-        }
-        /**
-         * Gets or sets the text color used for deleted rows.
-        */
-        get deletedTextColor() {
-            return brushToString(this.i.r4);
-        }
-        set deletedTextColor(v) {
-            this.i.r4 = stringToBrush(v);
-        }
-        /**
-         * Gets the actual text color used for deleted rows.
-        */
-        get actualDeletedTextColor() {
-            return brushToString(this.i.ro);
-        }
-        set actualDeletedTextColor(v) {
-            this.i.ro = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the opacity to use for unsaved edited cell values.
-        */
-        get editOpacity() {
-            return this.i.ks;
-        }
-        set editOpacity(v) {
-            this.i.ks = +v;
-        }
-        /**
-         * Gets the actual opacity for unsaved edited cell values.
-        */
-        get actualEditOpacity() {
-            return this.i.kr;
-        }
-        set actualEditOpacity(v) {
-            this.i.kr = +v;
-        }
-        /**
-         * Gets or sets the font style to use for unsaved cell edits.
-        */
-        get textEditStyle() {
-            if (this.i.textEditStyle == null) {
-                return null;
-            }
-            return this.i.textEditStyle.fontString;
-        }
-        set textEditStyle(v) {
-            let fi = new FontInfo();
-            fi.fontString = v;
-            this.i.textEditStyle = fi;
-        }
-        /**
-         * Gets the actual font style used for unsaved cell edits.
-        */
-        get actualEditFontInfo() {
-            if (this.i.jb == null) {
-                return null;
-            }
-            return this.i.jb.fontString;
-        }
-        set actualEditFontInfo(v) {
-            let fi = new FontInfo();
-            fi.fontString = v;
-            this.i.jb = fi;
-        }
-        /**
-         * Gets or sets if and how cell merging is performed for this field.
-        */
-        get mergedCellMode() {
-            return this.i.ip;
-        }
-        set mergedCellMode(v) {
-            this.i.ip = ensureEnum(MergedCellMode_$type, v);
-        }
-        /**
-         * Gets or sets how cells are evaluated for merging.
-        */
-        get mergedCellEvaluationCriteria() {
-            return this.i.il;
-        }
-        set mergedCellEvaluationCriteria(v) {
-            this.i.il = ensureEnum(MergedCellEvaluationCriteria_$type, v);
-        }
-        /**
-         * Gets or sets the vertical alignment to use for the merged cell content.
-        */
-        get mergedCellVerticalAlignment() {
-            return this.i.he;
-        }
-        set mergedCellVerticalAlignment(v) {
-            this.i.he = ensureEnum(CellContentVerticalAlignment_$type, v);
-        }
-        /**
-         * Gets or sets the amount of left padding to use for the cell content for this column.
-        */
-        get mergedCellPaddingLeft() {
-            return this.i.lf;
-        }
-        set mergedCellPaddingLeft(v) {
-            this.i.lf = +v;
-        }
-        /**
-         * Gets or sets the amount of top padding to use for the cell content for this column.
-        */
-        get mergedCellPaddingTop() {
-            return this.i.lh;
-        }
-        set mergedCellPaddingTop(v) {
-            this.i.lh = +v;
-        }
-        /**
-         * Gets or sets the amount of right padding to use for the cell content of this column.
-        */
-        get mergedCellPaddingRight() {
-            return this.i.lg;
-        }
-        set mergedCellPaddingRight(v) {
-            this.i.lg = +v;
-        }
-        /**
-         * Gets or sets the amount of bottom padding to use for the cell content of this column.
-        */
-        get mergedCellPaddingBottom() {
-            return this.i.le;
-        }
-        set mergedCellPaddingBottom(v) {
-            this.i.le = +v;
-        }
-        /**
-         * Gets or sets whether UI filters are case sensitive or not.
-        */
-        get filterComparisonType() {
-            return this.i.h7;
-        }
-        set filterComparisonType(v) {
-            this.i.h7 = ensureEnum(FilterComparisonType_$type, v);
-        }
-        /**
-         * Gets a list of the current custom filters for this column.
-        */
-        get filterOperands() {
-            if (this._filterOperands === null) {
-                let coll = new IgxGridFilterOperandsCollection();
-                let innerColl = this.i.ig;
-                if (!innerColl) {
-                    innerColl = new GridFilterOperandsCollection_internal();
-                }
-                this._filterOperands = coll._fromInner(innerColl);
-            }
-            return this._filterOperands;
-        }
-        set filterOperands(v) {
-            if (this._filterOperands !== null) {
-                this._filterOperands._setSyncTarget(null);
-                this._filterOperands = null;
-            }
-            let coll = new IgxGridFilterOperandsCollection();
-            this._filterOperands = coll._fromOuter(v);
-            let syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            let innerColl = this.i.ig;
-            if (!innerColl) {
-                innerColl = new GridFilterOperandsCollection_internal();
-            }
-            syncColl._inner = innerColl;
-            syncColl.clear();
-            this._filterOperands._setSyncTarget(syncColl);
-        }
-        /**
-         * Gets or sets the text to display in the suffix area of cells in this column.
-        */
-        get suffixText() {
-            return this.i.o2;
-        }
-        set suffixText(v) {
-            this.i.o2 = v;
-        }
-        /**
-         * Gets or sets the color of the text in the suffix area of the cells in this column.
-        */
-        get suffixTextColor() {
-            return brushToString(this.i.sd);
-        }
-        set suffixTextColor(v) {
-            this.i.sd = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the font of the suffix text.
-        */
-        get suffixTextStyle() {
-            if (this.i.suffixTextStyle == null) {
-                return null;
-            }
-            return this.i.suffixTextStyle.fontString;
-        }
-        set suffixTextStyle(v) {
-            let fi = new FontInfo();
-            fi.fontString = v;
-            this.i.suffixTextStyle = fi;
-        }
-        /**
-         * Gets or sets the icon to use in the suffix area of the cells in this column.
-        */
-        get suffixIconName() {
-            return this.i.ou;
-        }
-        set suffixIconName(v) {
-            this.i.ou = v;
-        }
-        /**
-         * Gets or sets the icon to use in the suffix area of the cells in this column.
-        */
-        get suffixIconCollectionName() {
-            return this.i.or;
-        }
-        set suffixIconCollectionName(v) {
-            this.i.or = v;
-        }
-        /**
-         * Gets or sets the stroke color of suffix icon.
-        */
-        get suffixIconStroke() {
-            return brushToString(this.i.sc);
-        }
-        set suffixIconStroke(v) {
-            this.i.sc = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the fill color of suffix icon.
-        */
-        get suffixIconFill() {
-            return brushToString(this.i.sb);
-        }
-        set suffixIconFill(v) {
-            this.i.sb = stringToBrush(v);
-        }
-        /**
-         * Gets or sets the suffix icon's viewbox x coordinate.
-        */
-        get suffixIconViewBoxLeft() {
-            return this.i.kv;
-        }
-        set suffixIconViewBoxLeft(v) {
-            this.i.kv = +v;
-        }
-        /**
-         * Gets or sets the suffix icon's viewbox y coordinate.
-        */
-        get suffixIconViewBoxTop() {
-            return this.i.kw;
-        }
-        set suffixIconViewBoxTop(v) {
-            this.i.kw = +v;
-        }
-        /**
-         * Gets or sets the suffix icon's viewbox width.
-        */
-        get suffixIconViewBoxWidth() {
-            return this.i.kx;
-        }
-        set suffixIconViewBoxWidth(v) {
-            this.i.kx = +v;
-        }
-        /**
-         * Gets or sets the suffix icon's viewbox height.
-        */
-        get suffixIconViewBoxHeight() {
-            return this.i.ku;
-        }
-        set suffixIconViewBoxHeight(v) {
-            this.i.ku = +v;
-        }
-        /**
-         * Gets or sets the suffix margin.
-        */
-        get suffixMargin() {
-            return this.i.ky;
-        }
-        set suffixMargin(v) {
-            this.i.ky = +v;
-        }
-        /**
-         * Gets or sets the text decoration to apply to cells in this column.
-        */
-        get textDecoration() {
-            return this.i.iv;
-        }
-        set textDecoration(v) {
-            this.i.iv = ensureEnum(TextCellDecoration_$type, v);
-        }
-        findByName(name) {
-            var baseResult = super.findByName(name);
-            if (baseResult) {
-                return baseResult;
-            }
-            if (this.animationSettings && this.animationSettings.name && this.animationSettings.name == name) {
-                return this.animationSettings;
-            }
-            if (this.width && this.width.name && this.width.name == name) {
-                return this.width;
-            }
-            if (this.header && this.header.name && this.header.name == name) {
-                return this.header;
-            }
-            if (this.filterOperands != null && this.filterOperands.findByName && this.filterOperands.findByName(name)) {
-                return this.filterOperands.findByName(name);
-            }
-            return null;
-        }
-        _styling(container, component, parent) {
-            super._styling(container, component, parent);
-            this._inStyling = true;
-            if (this.header && this.header._styling) {
-                this.header._styling(container, component, this);
-            }
-            this._inStyling = false;
-        }
-        /**
-         * Get the unique key used to identify this column.
-        
-        */
-        getUniqueKey() {
-            let iv = this.i.nq();
-            return (iv);
-        }
-        setNamedHeaderValue(valueName, animationType, value) {
-            this.i.pk(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
-        }
-        /**
-         * Returns if the column has named header values.
-        
-        */
-        hasNamedHeaderValues() {
-            let iv = this.i.j2();
-            return (iv);
-        }
-        /**
-         * Returns if there is a named header value with a given name.
-        
-        * @param valueName  * The named value to check for.
-        */
-        hasNamedHeaderValue(valueName) {
-            let iv = this.i.j1(valueName);
-            return (iv);
-        }
-        /**
-         * Removes a named header value with the given name from the named header values for this column.
-        
-        * @param valueName  * The named header value to remove.
-        */
-        removeNamedHeaderValue(valueName) {
-            this.i.pj(valueName);
-        }
-        /**
-         * Gets the value of a named header value for this column by name.
-        
-        * @param valueName  * Name of the named header value to retrieve.
-        */
-        getNamedHeaderValue(valueName) {
-            let iv = this.i.lt(valueName);
-            return (iv);
-        }
-        applyCustomFilter(filterID, index, value) {
-            this.i.pa(filterID, index, value);
-        }
-        getDesiredToolbarActions() {
-            let iv = this.i.getDesiredToolbarActions();
-            return (iv);
-        }
-        addCommandAvailabilityListener(listener) {
-            this.i.addCommandAvailabilityListener(listener);
-        }
-        removeCommandAvailabilityListener(listener) {
-            this.i.removeCommandAvailabilityListener(listener);
-        }
-        addCommandStateChangedListener(listener) {
-            this.i.addCommandStateChangedListener(listener);
-        }
-        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();
-                this.i.propertyChanged = delegateCombine(this.i.propertyChanged, (o, e) => {
-                    this._runInZone(() => {
-                        let iv = e;
-                        let ext = this.actualHeaderText;
-                        if (this.beforeActualHeaderTextChange) {
-                            this.beforeActualHeaderTextChange(this, ext);
-                        }
-                        this._actualHeaderTextChange.emit(ext);
-                    });
-                });
-            }
-            return this._actualHeaderTextChange;
-        }
-    }
-    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", selectedTextColor: "selectedTextColor", actualSelectedTextColor: "actualSelectedTextColor", 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", isSortingEnabled: "isSortingEnabled", 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", actualColumnOptionsBackground: "actualColumnOptionsBackground", columnOptionsBackground: "columnOptionsBackground", actualColumnOptionsTextColor: "actualColumnOptionsTextColor", columnOptionsTextColor: "columnOptionsTextColor", columnOptionsTextStyle: "columnOptionsTextStyle", actualColumnOptionsHoverBackgroundColor: "actualColumnOptionsHoverBackgroundColor", columnOptionsHoverBackgroundColor: "columnOptionsHoverBackgroundColor", actualColumnOptionsToolTipBackgroundColor: "actualColumnOptionsToolTipBackgroundColor", columnOptionsToolTipBackgroundColor: "columnOptionsToolTipBackgroundColor", actualColumnOptionsToolTipTextColor: "actualColumnOptionsToolTipTextColor", columnOptionsToolTipTextColor: "columnOptionsToolTipTextColor", actualColumnOptionsHighlightColor: "actualColumnOptionsHighlightColor", columnOptionsHighlightColor: "columnOptionsHighlightColor", actualColumnOptionsSeparatorColor: "actualColumnOptionsSeparatorColor", columnOptionsSeparatorColor: "columnOptionsSeparatorColor", actualColumnOptionsGroupHeaderBackground: "actualColumnOptionsGroupHeaderBackground", columnOptionsGroupHeaderBackground: "columnOptionsGroupHeaderBackground", actualColumnOptionsGroupHeaderTextColor: "actualColumnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextColor: "columnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextStyle: "columnOptionsGroupHeaderTextStyle", actualColumnOptionsAccentColor: "actualColumnOptionsAccentColor", columnOptionsAccentColor: "columnOptionsAccentColor", actualColumnOptionsRowHeight: "actualColumnOptionsRowHeight", columnOptionsRowHeight: "columnOptionsRowHeight", 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;
-})();
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { paddingLeft: [{
-                type: Input
-            }], paddingTop: [{
-                type: Input
-            }], paddingRight: [{
-                type: Input
-            }], paddingBottom: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], field: [{
-                type: Input
-            }], headerText: [{
-                type: Input
-            }], actualHeaderText: [{
-                type: Input
-            }], selectedBackground: [{
-                type: Input
-            }], actualSelectedBackground: [{
-                type: Input
-            }], selectedTextColor: [{
-                type: Input
-            }], actualSelectedTextColor: [{
-                type: Input
-            }], rowHoverBackground: [{
-                type: Input
-            }], actualHoverBackground: [{
-                type: Input
-            }], rowHoverTextColor: [{
-                type: Input
-            }], actualRowHoverTextColor: [{
-                type: Input
-            }], animationSettings: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], isFromMarkup: [{
-                type: Input
-            }], isAutoGenerated: [{
-                type: Input
-            }], filter: [{
-                type: Input
-            }], filterExpression: [{
-                type: Input
-            }], header: [{
-                type: Input
-            }], isFilteringEnabled: [{
-                type: Input
-            }], isResizingEnabled: [{
-                type: Input
-            }], isSortingEnabled: [{
-                type: Input
-            }], isHidden: [{
-                type: Input
-            }], shouldRemoveWhenHidden: [{
-                type: Input
-            }], sortDirection: [{
-                type: Input
-            }], pinned: [{
-                type: Input
-            }], actualColumnOptionsIconAlignment: [{
-                type: Input
-            }], columnOptionsIconAlignment: [{
-                type: Input
-            }], actualColumnOptionsIconColor: [{
-                type: Input
-            }], columnOptionsIconColor: [{
-                type: Input
-            }], columnOptionsIconBehavior: [{
-                type: Input
-            }], actualColumnOptionsIconBehavior: [{
-                type: Input
-            }], actualIsColumnOptionsEnabled: [{
-                type: Input
-            }], isColumnOptionsEnabled: [{
-                type: Input
-            }], actualIsColumnOptionsSummariesEnabled: [{
-                type: Input
-            }], isColumnOptionsSummariesEnabled: [{
-                type: Input
-            }], actualIsColumnOptionsGroupingEnabled: [{
-                type: Input
-            }], isColumnOptionsGroupingEnabled: [{
-                type: Input
-            }], actualColumnOptionsBackground: [{
-                type: Input
-            }], columnOptionsBackground: [{
-                type: Input
-            }], actualColumnOptionsTextColor: [{
-                type: Input
-            }], columnOptionsTextColor: [{
-                type: Input
-            }], columnOptionsTextStyle: [{
-                type: Input
-            }], actualColumnOptionsHoverBackgroundColor: [{
-                type: Input
-            }], columnOptionsHoverBackgroundColor: [{
-                type: Input
-            }], actualColumnOptionsToolTipBackgroundColor: [{
-                type: Input
-            }], columnOptionsToolTipBackgroundColor: [{
-                type: Input
-            }], actualColumnOptionsToolTipTextColor: [{
-                type: Input
-            }], columnOptionsToolTipTextColor: [{
-                type: Input
-            }], actualColumnOptionsHighlightColor: [{
-                type: Input
-            }], columnOptionsHighlightColor: [{
-                type: Input
-            }], actualColumnOptionsSeparatorColor: [{
-                type: Input
-            }], columnOptionsSeparatorColor: [{
-                type: Input
-            }], actualColumnOptionsGroupHeaderBackground: [{
-                type: Input
-            }], columnOptionsGroupHeaderBackground: [{
-                type: Input
-            }], actualColumnOptionsGroupHeaderTextColor: [{
-                type: Input
-            }], columnOptionsGroupHeaderTextColor: [{
-                type: Input
-            }], columnOptionsGroupHeaderTextStyle: [{
-                type: Input
-            }], actualColumnOptionsAccentColor: [{
-                type: Input
-            }], columnOptionsAccentColor: [{
-                type: Input
-            }], actualColumnOptionsRowHeight: [{
-                type: Input
-            }], columnOptionsRowHeight: [{
-                type: Input
-            }], isEditable: [{
-                type: Input
-            }], deletedTextColor: [{
-                type: Input
-            }], actualDeletedTextColor: [{
-                type: Input
-            }], editOpacity: [{
-                type: Input
-            }], actualEditOpacity: [{
-                type: Input
-            }], textEditStyle: [{
-                type: Input
-            }], actualEditFontInfo: [{
-                type: Input
-            }], mergedCellMode: [{
-                type: Input
-            }], mergedCellEvaluationCriteria: [{
-                type: Input
-            }], mergedCellVerticalAlignment: [{
-                type: Input
-            }], mergedCellPaddingLeft: [{
-                type: Input
-            }], mergedCellPaddingTop: [{
-                type: Input
-            }], mergedCellPaddingRight: [{
-                type: Input
-            }], mergedCellPaddingBottom: [{
-                type: Input
-            }], filterComparisonType: [{
-                type: Input
-            }], filterOperands: [{
-                type: Input
-            }], suffixText: [{
-                type: Input
-            }], suffixTextColor: [{
-                type: Input
-            }], suffixTextStyle: [{
-                type: Input
-            }], suffixIconName: [{
-                type: Input
-            }], suffixIconCollectionName: [{
-                type: Input
-            }], suffixIconStroke: [{
-                type: Input
-            }], suffixIconFill: [{
-                type: Input
-            }], suffixIconViewBoxLeft: [{
-                type: Input
-            }], suffixIconViewBoxTop: [{
-                type: Input
-            }], suffixIconViewBoxWidth: [{
-                type: Input
-            }], suffixIconViewBoxHeight: [{
-                type: Input
-            }], suffixMargin: [{
-                type: Input
-            }], textDecoration: [{
-                type: Input
-            }], formatCell: [{
-                type: Output
-            }], actualHeaderTextChange: [{
-                type: Output
-            }] } });