igniteui-webcomponents-grids 5.0.3-beta.0 → 5.1.1-beta.0

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

@@ -48,6 +48,12 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         if (this.i.connectedCallback) {
             this.i.connectedCallback();
         }
+        if (this.updateContentChildren) {
+            this.updateContentChildren();
+        }
+        else if (this._updateAdapters) {
+            this._updateAdapters();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
@@ -83,11 +89,11 @@ var IgcDataGridColumnComponent = /** @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.h2;
+            return this.i.kk;
         },
         set: function (v) {
-            this.i.h2 = +v;
-            this._a("paddingLeft", this.i.h2);
+            this.i.kk = +v;
+            this._a("paddingLeft", this.i.kk);
         },
         enumerable: false,
         configurable: true
@@ -97,11 +103,11 @@ var IgcDataGridColumnComponent = /** @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.h4;
+            return this.i.km;
         },
         set: function (v) {
-            this.i.h4 = +v;
-            this._a("paddingTop", this.i.h4);
+            this.i.km = +v;
+            this._a("paddingTop", this.i.km);
         },
         enumerable: false,
         configurable: true
@@ -111,11 +117,11 @@ var IgcDataGridColumnComponent = /** @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.h3;
+            return this.i.kl;
         },
         set: function (v) {
-            this.i.h3 = +v;
-            this._a("paddingRight", this.i.h3);
+            this.i.kl = +v;
+            this._a("paddingRight", this.i.kl);
         },
         enumerable: false,
         configurable: true
@@ -125,11 +131,11 @@ var IgcDataGridColumnComponent = /** @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.h1;
+            return this.i.kj;
         },
         set: function (v) {
-            this.i.h1 = +v;
-            this._a("paddingBottom", this.i.h1);
+            this.i.kj = +v;
+            this._a("paddingBottom", this.i.kj);
         },
         enumerable: false,
         configurable: true
@@ -139,10 +145,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets an unique name of the Column
         */
         get: function () {
-            return this.i.jz;
+            return this.i.mf;
         },
         set: function (v) {
-            this.i.jz = v;
+            this.i.mf = v;
         },
         enumerable: false,
         configurable: true
@@ -152,10 +158,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the key used for the column binding
         */
         get: function () {
-            return this.i.i8;
+            return this.i.lo;
         },
         set: function (v) {
-            this.i.i8 = v;
+            this.i.lo = v;
         },
         enumerable: false,
         configurable: true
@@ -165,10 +171,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text displayed in the header of the column
         */
         get: function () {
-            return this.i.jf;
+            return this.i.lv;
         },
         set: function (v) {
-            this.i.jf = v;
+            this.i.lv = v;
         },
         enumerable: false,
         configurable: true
@@ -178,10 +184,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text displayed in the header of the column
         */
         get: function () {
-            return this.i.im;
+            return this.i.k3;
         },
         set: function (v) {
-            this.i.im = v;
+            this.i.k3 = v;
         },
         enumerable: false,
         configurable: true
@@ -191,11 +197,11 @@ var IgcDataGridColumnComponent = /** @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.lk);
+            return brushToString(this.i.n1);
         },
         set: function (v) {
-            this.i.lk = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.lk));
+            this.i.n1 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.n1));
         },
         enumerable: false,
         configurable: true
@@ -205,11 +211,11 @@ var IgcDataGridColumnComponent = /** @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.ld);
+            return brushToString(this.i.nu);
         },
         set: function (v) {
-            this.i.ld = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.ld));
+            this.i.nu = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.nu));
         },
         enumerable: false,
         configurable: true
@@ -219,11 +225,11 @@ var IgcDataGridColumnComponent = /** @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.li);
+            return brushToString(this.i.nz);
         },
         set: function (v) {
-            this.i.li = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.li));
+            this.i.nz = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.nz));
         },
         enumerable: false,
         configurable: true
@@ -233,11 +239,11 @@ var IgcDataGridColumnComponent = /** @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.lb);
+            return brushToString(this.i.ns);
         },
         set: function (v) {
-            this.i.lb = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.lb));
+            this.i.ns = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.ns));
         },
         enumerable: false,
         configurable: true
@@ -247,11 +253,11 @@ var IgcDataGridColumnComponent = /** @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.lj);
+            return brushToString(this.i.n0);
         },
         set: function (v) {
-            this.i.lj = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.lj));
+            this.i.n0 = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.n0));
         },
         enumerable: false,
         configurable: true
@@ -261,11 +267,11 @@ var IgcDataGridColumnComponent = /** @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.lc);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.lc = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.lc));
+            this.i.nt = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.nt));
         },
         enumerable: false,
         configurable: true
@@ -275,7 +281,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the animation settings to use for this column.
         */
         get: function () {
-            var r = this.i.fs;
+            var r = this.i.h6;
             if (r == null) {
                 return null;
             }
@@ -294,7 +300,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             return r.externalObject;
         },
         set: function (v) {
-            v == null ? this.i.fs = null : this.i.fs = v.i;
+            v == null ? this.i.h6 = null : this.i.h6 = v.i;
         },
         enumerable: false,
         configurable: true
@@ -339,11 +345,11 @@ var IgcDataGridColumnComponent = /** @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.hi;
+            return this.i.j0;
         },
         set: function (v) {
-            this.i.hi = +v;
-            this._a("minWidth", this.i.hi);
+            this.i.j0 = +v;
+            this._a("minWidth", this.i.j0);
         },
         enumerable: false,
         configurable: true
@@ -353,11 +359,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get: function () {
-            return this.i.g6;
+            return this.i.jo;
         },
         set: function (v) {
-            this.i.g6 = ensureBool(v);
-            this._a("isFromMarkup", this.i.g6);
+            this.i.jo = ensureBool(v);
+            this._a("isFromMarkup", this.i.jo);
         },
         enumerable: false,
         configurable: true
@@ -367,11 +373,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether this column was auto generated.
         */
         get: function () {
-            return this.i.g0;
+            return this.i.ji;
         },
         set: function (v) {
-            this.i.g0 = ensureBool(v);
-            this._a("isAutoGenerated", this.i.g0);
+            this.i.ji = ensureBool(v);
+            this._a("isAutoGenerated", this.i.ji);
         },
         enumerable: false,
         configurable: true
@@ -381,10 +387,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets a filter to apply on the values of this column
         */
         get: function () {
-            return this.i.ep;
+            return this.i.g1;
         },
         set: function (v) {
-            this.i.ep = v;
+            this.i.g1 = v;
         },
         enumerable: false,
         configurable: true
@@ -394,10 +400,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets a filter to apply to the values of this column.
         */
         get: function () {
-            return this.i.er;
+            return this.i.g3;
         },
         set: function (v) {
-            this.i.er = v;
+            this.i.g3 = v;
         },
         enumerable: false,
         configurable: true
@@ -433,11 +439,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether filtering is enabled for this column.
         */
         get: function () {
-            return this.i.g5;
+            return this.i.jn;
         },
         set: function (v) {
-            this.i.g5 = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.g5);
+            this.i.jn = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.jn);
         },
         enumerable: false,
         configurable: true
@@ -447,11 +453,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether resizing is enabled for this column.
         */
         get: function () {
-            return this.i.g8;
+            return this.i.jq;
         },
         set: function (v) {
-            this.i.g8 = ensureBool(v);
-            this._a("isResizingEnabled", this.i.g8);
+            this.i.jq = ensureBool(v);
+            this._a("isResizingEnabled", this.i.jq);
         },
         enumerable: false,
         configurable: true
@@ -461,11 +467,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether or not a column is hidden from the grid
         */
         get: function () {
-            return this.i.g7;
+            return this.i.jp;
         },
         set: function (v) {
-            this.i.g7 = ensureBool(v);
-            this._a("isHidden", this.i.g7);
+            this.i.jp = ensureBool(v);
+            this._a("isHidden", this.i.jp);
         },
         enumerable: false,
         configurable: true
@@ -475,11 +481,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get: function () {
-            return this.i.hb;
+            return this.i.jt;
         },
         set: function (v) {
-            this.i.hb = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.hb);
+            this.i.jt = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.jt);
         },
         enumerable: false,
         configurable: true
@@ -489,11 +495,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the current sort direction (None, Ascending, Descending) for this column.
         */
         get: function () {
-            return this.i.ff;
+            return this.i.hr;
         },
         set: function (v) {
-            this.i.ff = ensureEnum(ColumnSortDirection_$type, v);
-            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.ff));
+            this.i.hr = ensureEnum(ColumnSortDirection_$type, v);
+            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.hr));
         },
         enumerable: false,
         configurable: true
@@ -503,11 +509,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the current fixed position for this column.
         */
         get: function () {
-            return this.i.f6;
+            return this.i.il;
         },
         set: function (v) {
-            this.i.f6 = ensureEnum(PinnedPositions_$type, v);
-            this._a("pinned", enumToString(PinnedPositions_$type, this.i.f6));
+            this.i.il = ensureEnum(PinnedPositions_$type, v);
+            this._a("pinned", enumToString(PinnedPositions_$type, this.i.il));
         },
         enumerable: false,
         configurable: true
@@ -517,11 +523,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual column options icon alignment for this column.
         */
         get: function () {
-            return this.i.e6;
+            return this.i.hi;
         },
         set: function (v) {
-            this.i.e6 = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.e6));
+            this.i.hi = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hi));
         },
         enumerable: false,
         configurable: true
@@ -531,11 +537,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether the column options icon is aligned opposite the header text or not.
         */
         get: function () {
-            return this.i.e7;
+            return this.i.hj;
         },
         set: function (v) {
-            this.i.e7 = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.e7));
+            this.i.hj = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hj));
         },
         enumerable: false,
         configurable: true
@@ -545,11 +551,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.k9);
+            return brushToString(this.i.nq);
         },
         set: function (v) {
-            this.i.k9 = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.k9));
+            this.i.nq = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.nq));
         },
         enumerable: false,
         configurable: true
@@ -559,11 +565,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.le);
+            return brushToString(this.i.nv);
         },
         set: function (v) {
-            this.i.le = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.le));
+            this.i.nv = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.nv));
         },
         enumerable: false,
         configurable: true
@@ -573,11 +579,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets how the column option icon will behave in the column header.
         */
         get: function () {
-            return this.i.fb;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.fb = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.fb));
+            this.i.hn = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hn));
         },
         enumerable: false,
         configurable: true
@@ -587,11 +593,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets how the column option icon will behave in the column header.
         */
         get: function () {
-            return this.i.fa;
+            return this.i.hm;
         },
         set: function (v) {
-            this.i.fa = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.fa));
+            this.i.hm = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hm));
         },
         enumerable: false,
         configurable: true
@@ -601,11 +607,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of the column options for this column.
         */
         get: function () {
-            return this.i.gt;
+            return this.i.jb;
         },
         set: function (v) {
-            this.i.gt = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.gt);
+            this.i.jb = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.jb);
         },
         enumerable: false,
         configurable: true
@@ -616,11 +622,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * then it will be disabled for the column regardless of what this is set to.
         */
         get: function () {
-            return this.i.g1;
+            return this.i.jj;
         },
         set: function (v) {
-            this.i.g1 = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.g1);
+            this.i.jj = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.jj);
         },
         enumerable: false,
         configurable: true
@@ -630,11 +636,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of summaries menu in the column options for this column.
         */
         get: function () {
-            return this.i.gv;
+            return this.i.jd;
         },
         set: function (v) {
-            this.i.gv = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.gv);
+            this.i.jd = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jd);
         },
         enumerable: false,
         configurable: true
@@ -644,11 +650,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get: function () {
-            return this.i.g3;
+            return this.i.jl;
         },
         set: function (v) {
-            this.i.g3 = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.g3);
+            this.i.jl = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.jl);
         },
         enumerable: false,
         configurable: true
@@ -658,11 +664,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of grouping menu in the column options for this column.
         */
         get: function () {
-            return this.i.gu;
+            return this.i.jc;
         },
         set: function (v) {
-            this.i.gu = ensureBool(v);
-            this._a("actualIsColumnOptionsGroupingEnabled", this.i.gu);
+            this.i.jc = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jc);
         },
         enumerable: false,
         configurable: true
@@ -672,11 +678,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether to show the grouping option in the column options menu for this column.
         */
         get: function () {
-            return this.i.g2;
+            return this.i.jk;
         },
         set: function (v) {
-            this.i.g2 = ensureBool(v);
-            this._a("isColumnOptionsGroupingEnabled", this.i.g2);
+            this.i.jk = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.jk);
         },
         enumerable: false,
         configurable: true
@@ -686,11 +692,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if the column is editable.
         */
         get: function () {
-            return this.i.g4;
+            return this.i.jm;
         },
         set: function (v) {
-            this.i.g4 = ensureBool(v);
-            this._a("isEditable", this.i.g4);
+            this.i.jm = ensureBool(v);
+            this._a("isEditable", this.i.jm);
         },
         enumerable: false,
         configurable: true
@@ -700,11 +706,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.lf);
+            return brushToString(this.i.nw);
         },
         set: function (v) {
-            this.i.lf = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.lf));
+            this.i.nw = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.nw));
         },
         enumerable: false,
         configurable: true
@@ -714,11 +720,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.la);
+            return brushToString(this.i.nr);
         },
         set: function (v) {
-            this.i.la = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.la));
+            this.i.nr = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.nr));
         },
         enumerable: false,
         configurable: true
@@ -728,11 +734,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get: function () {
-            return this.i.hh;
+            return this.i.jz;
         },
         set: function (v) {
-            this.i.hh = +v;
-            this._a("editOpacity", this.i.hh);
+            this.i.jz = +v;
+            this._a("editOpacity", this.i.jz);
         },
         enumerable: false,
         configurable: true
@@ -742,11 +748,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual opacity for unsaved edited cell values.
         */
         get: function () {
-            return this.i.hg;
+            return this.i.jy;
         },
         set: function (v) {
-            this.i.hg = +v;
-            this._a("actualEditOpacity", this.i.hg);
+            this.i.jy = +v;
+            this._a("actualEditOpacity", this.i.jy);
         },
         enumerable: false,
         configurable: true
@@ -775,16 +781,16 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual font style used for unsaved cell edits.
         */
         get: function () {
-            if (this.i.gb == null) {
+            if (this.i.it == null) {
                 return null;
             }
-            return this.i.gb.fontString;
+            return this.i.it.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.gb = fi;
-            this._a("actualEditFontInfo", this.i.gb != null ? this.i.gb.fontString : "");
+            this.i.it = fi;
+            this._a("actualEditFontInfo", this.i.it != null ? this.i.it.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -794,11 +800,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if and how cell merging is performed for this field.
         */
         get: function () {
-            return this.i.f2;
+            return this.i.ih;
         },
         set: function (v) {
-            this.i.f2 = ensureEnum(MergedCellMode_$type, v);
-            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.f2));
+            this.i.ih = ensureEnum(MergedCellMode_$type, v);
+            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.ih));
         },
         enumerable: false,
         configurable: true
@@ -808,11 +814,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets how cells are evaluated for merging.
         */
         get: function () {
-            return this.i.fz;
+            return this.i.id;
         },
         set: function (v) {
-            this.i.fz = ensureEnum(MergedCellEvaluationCriteria_$type, v);
-            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.fz));
+            this.i.id = ensureEnum(MergedCellEvaluationCriteria_$type, v);
+            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.id));
         },
         enumerable: false,
         configurable: true
@@ -822,11 +828,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the vertical alignment to use for the merged cell content.
         */
         get: function () {
-            return this.i.ey;
+            return this.i.ha;
         },
         set: function (v) {
-            this.i.ey = ensureEnum(CellContentVerticalAlignment_$type, v);
-            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.ey));
+            this.i.ha = ensureEnum(CellContentVerticalAlignment_$type, v);
+            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.ha));
         },
         enumerable: false,
         configurable: true
@@ -836,11 +842,11 @@ var IgcDataGridColumnComponent = /** @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.hv;
+            return this.i.kd;
         },
         set: function (v) {
-            this.i.hv = +v;
-            this._a("mergedCellPaddingLeft", this.i.hv);
+            this.i.kd = +v;
+            this._a("mergedCellPaddingLeft", this.i.kd);
         },
         enumerable: false,
         configurable: true
@@ -850,11 +856,11 @@ var IgcDataGridColumnComponent = /** @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.hx;
+            return this.i.kf;
         },
         set: function (v) {
-            this.i.hx = +v;
-            this._a("mergedCellPaddingTop", this.i.hx);
+            this.i.kf = +v;
+            this._a("mergedCellPaddingTop", this.i.kf);
         },
         enumerable: false,
         configurable: true
@@ -864,11 +870,11 @@ var IgcDataGridColumnComponent = /** @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.hw;
+            return this.i.ke;
         },
         set: function (v) {
-            this.i.hw = +v;
-            this._a("mergedCellPaddingRight", this.i.hw);
+            this.i.ke = +v;
+            this._a("mergedCellPaddingRight", this.i.ke);
         },
         enumerable: false,
         configurable: true
@@ -878,11 +884,11 @@ var IgcDataGridColumnComponent = /** @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.hu;
+            return this.i.kc;
         },
         set: function (v) {
-            this.i.hu = +v;
-            this._a("mergedCellPaddingBottom", this.i.hu);
+            this.i.kc = +v;
+            this._a("mergedCellPaddingBottom", this.i.kc);
         },
         enumerable: false,
         configurable: true
@@ -892,11 +898,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether UI filters are case sensitive or not.
         */
         get: function () {
-            return this.i.fn;
+            return this.i.h1;
         },
         set: function (v) {
-            this.i.fn = ensureEnum(FilterComparisonType_$type, v);
-            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.fn));
+            this.i.h1 = ensureEnum(FilterComparisonType_$type, v);
+            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.h1));
         },
         enumerable: false,
         configurable: true
@@ -908,7 +914,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._filterOperands === null) {
                 var coll = new IgcGridFilterOperandsCollection();
-                var innerColl = this.i.fu;
+                var innerColl = this.i.h8;
                 if (!innerColl) {
                     innerColl = new GridFilterOperandsCollection_internal();
                 }
@@ -924,7 +930,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             var coll = new IgcGridFilterOperandsCollection();
             this._filterOperands = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            var innerColl = this.i.fu;
+            var innerColl = this.i.h8;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
@@ -967,18 +973,18 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgcDataGridColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.jd();
+        var iv = this.i.lt();
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.kk(valueName, (animationType == null ? null : animationType), value);
+        this.i.m1(valueName, (animationType == null ? null : animationType), value);
     };
     /**
      * Returns if the column has named header values.
     
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValues = function () {
-        var iv = this.i.gy();
+        var iv = this.i.jg();
         return (iv);
     };
     /**
@@ -987,7 +993,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named value to check for.
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValue = function (valueName) {
-        var iv = this.i.gx(valueName);
+        var iv = this.i.jf(valueName);
         return (iv);
     };
     /**
@@ -996,7 +1002,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named header value to remove.
     */
     IgcDataGridColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.kj(valueName);
+        this.i.m0(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.
@@ -1004,11 +1010,27 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * Name of the named header value to retrieve.
     */
     IgcDataGridColumnComponent.prototype.getNamedHeaderValue = function (valueName) {
-        var iv = this.i.h9(valueName);
+        var iv = this.i.kr(valueName);
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.ke(filterID, index, value);
+        this.i.mu(filterID, index, value);
+    };
+    IgcDataGridColumnComponent.prototype.getDesiredToolbarActions = function () {
+        var iv = this.i.getDesiredToolbarActions();
+        return (iv);
+    };
+    IgcDataGridColumnComponent.prototype.addCommandAvailabilityListener = function (listener) {
+        this.i.addCommandAvailabilityListener(listener);
+    };
+    IgcDataGridColumnComponent.prototype.removeCommandAvailabilityListener = function (listener) {
+        this.i.removeCommandAvailabilityListener(listener);
+    };
+    IgcDataGridColumnComponent.prototype.addCommandStateChangedListener = function (listener) {
+        this.i.addCommandStateChangedListener(listener);
+    };
+    IgcDataGridColumnComponent.prototype.removeCommandStateChangedListener = function (listener) {
+        this.i.removeCommandStateChangedListener(listener);
     };
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualHeaderTextChange", {
         get: function () {
@@ -1024,7 +1046,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = function (o, e) {
                 var ext = _this.actualHeaderText;
-                if (e.propertyName == 'Im') {
+                if (e.propertyName == 'K3') {
                     if (_this.beforeActualHeaderTextChange) {
                         _this.beforeActualHeaderTextChange(_this, ext);
                     }