igniteui-webcomponents-grids 1.4.2 → 3.2.2

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

@@ -69,11 +69,11 @@ var IgcColumnComponent = /** @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.hx;
+            return this.i.h1;
         },
         set: function (v) {
-            this.i.hx = +v;
-            this._a("paddingLeft", this.i.hx);
+            this.i.h1 = +v;
+            this._a("paddingLeft", this.i.h1);
         },
         enumerable: true,
         configurable: true
@@ -83,11 +83,11 @@ var IgcColumnComponent = /** @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.hz;
+            return this.i.h3;
         },
         set: function (v) {
-            this.i.hz = +v;
-            this._a("paddingTop", this.i.hz);
+            this.i.h3 = +v;
+            this._a("paddingTop", this.i.h3);
         },
         enumerable: true,
         configurable: true
@@ -97,11 +97,11 @@ var IgcColumnComponent = /** @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.hy;
+            return this.i.h2;
         },
         set: function (v) {
-            this.i.hy = +v;
-            this._a("paddingRight", this.i.hy);
+            this.i.h2 = +v;
+            this._a("paddingRight", this.i.h2);
         },
         enumerable: true,
         configurable: true
@@ -111,11 +111,11 @@ var IgcColumnComponent = /** @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.hw;
+            return this.i.h0;
         },
         set: function (v) {
-            this.i.hw = +v;
-            this._a("paddingBottom", this.i.hw);
+            this.i.h0 = +v;
+            this._a("paddingBottom", this.i.h0);
         },
         enumerable: true,
         configurable: true
@@ -125,10 +125,10 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets an unique name of the Column
         */
         get: function () {
-            return this.i.js;
+            return this.i.jy;
         },
         set: function (v) {
-            this.i.js = v;
+            this.i.jy = v;
         },
         enumerable: true,
         configurable: true
@@ -138,10 +138,10 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the key used for the column binding
         */
         get: function () {
-            return this.i.i2;
+            return this.i.i7;
         },
         set: function (v) {
-            this.i.i2 = v;
+            this.i.i7 = v;
         },
         enumerable: true,
         configurable: true
@@ -151,10 +151,10 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text displayed in the header of the column
         */
         get: function () {
-            return this.i.i9;
+            return this.i.je;
         },
         set: function (v) {
-            this.i.i9 = v;
+            this.i.je = v;
         },
         enumerable: true,
         configurable: true
@@ -164,10 +164,10 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual text displayed in the header of the column
         */
         get: function () {
-            return this.i.ih;
+            return this.i.il;
         },
         set: function (v) {
-            this.i.ih = v;
+            this.i.il = v;
         },
         enumerable: true,
         configurable: true
@@ -177,11 +177,11 @@ var IgcColumnComponent = /** @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.lc);
+            return brushToString(this.i.lj);
         },
         set: function (v) {
-            this.i.lc = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.lc));
+            this.i.lj = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.lj));
         },
         enumerable: true,
         configurable: true
@@ -191,11 +191,11 @@ var IgcColumnComponent = /** @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.k5);
+            return brushToString(this.i.lc);
         },
         set: function (v) {
-            this.i.k5 = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.k5));
+            this.i.lc = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.lc));
         },
         enumerable: true,
         configurable: true
@@ -205,11 +205,11 @@ var IgcColumnComponent = /** @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.la);
+            return brushToString(this.i.lh);
         },
         set: function (v) {
-            this.i.la = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.la));
+            this.i.lh = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.lh));
         },
         enumerable: true,
         configurable: true
@@ -219,11 +219,11 @@ var IgcColumnComponent = /** @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.k3);
+            return brushToString(this.i.la);
         },
         set: function (v) {
-            this.i.k3 = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.k3));
+            this.i.la = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.la));
         },
         enumerable: true,
         configurable: true
@@ -233,11 +233,11 @@ var IgcColumnComponent = /** @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.lb);
+            return brushToString(this.i.li);
         },
         set: function (v) {
-            this.i.lb = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.lb));
+            this.i.li = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.li));
         },
         enumerable: true,
         configurable: true
@@ -247,11 +247,11 @@ var IgcColumnComponent = /** @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.k4);
+            return brushToString(this.i.lb);
         },
         set: function (v) {
-            this.i.k4 = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.k4));
+            this.i.lb = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.lb));
         },
         enumerable: true,
         configurable: true
@@ -309,11 +309,11 @@ var IgcColumnComponent = /** @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.hd;
+            return this.i.hh;
         },
         set: function (v) {
-            this.i.hd = +v;
-            this._a("minWidth", this.i.hd);
+            this.i.hh = +v;
+            this._a("minWidth", this.i.hh);
         },
         enumerable: true,
         configurable: true
@@ -323,11 +323,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get: function () {
-            return this.i.g1;
+            return this.i.g5;
         },
         set: function (v) {
-            this.i.g1 = ensureBool(v);
-            this._a("isFromMarkup", this.i.g1);
+            this.i.g5 = ensureBool(v);
+            this._a("isFromMarkup", this.i.g5);
         },
         enumerable: true,
         configurable: true
@@ -337,11 +337,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether this column was auto generated.
         */
         get: function () {
-            return this.i.gw;
+            return this.i.gz;
         },
         set: function (v) {
-            this.i.gw = ensureBool(v);
-            this._a("isAutoGenerated", this.i.gw);
+            this.i.gz = ensureBool(v);
+            this._a("isAutoGenerated", this.i.gz);
         },
         enumerable: true,
         configurable: true
@@ -402,11 +402,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether filtering is enabled for this column.
         */
         get: function () {
-            return this.i.g0;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g0 = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.g0);
+            this.i.g4 = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.g4);
         },
         enumerable: true,
         configurable: true
@@ -416,11 +416,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether resizing is enabled for this column.
         */
         get: function () {
-            return this.i.g3;
+            return this.i.g7;
         },
         set: function (v) {
-            this.i.g3 = ensureBool(v);
-            this._a("isResizingEnabled", this.i.g3);
+            this.i.g7 = ensureBool(v);
+            this._a("isResizingEnabled", this.i.g7);
         },
         enumerable: true,
         configurable: true
@@ -430,11 +430,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether or not a column is hidden from the grid
         */
         get: function () {
-            return this.i.g2;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.g2 = ensureBool(v);
-            this._a("isHidden", this.i.g2);
+            this.i.g6 = ensureBool(v);
+            this._a("isHidden", this.i.g6);
         },
         enumerable: true,
         configurable: true
@@ -444,11 +444,11 @@ var IgcColumnComponent = /** @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.g6;
+            return this.i.ha;
         },
         set: function (v) {
-            this.i.g6 = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.g6);
+            this.i.ha = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.ha);
         },
         enumerable: true,
         configurable: true
@@ -514,11 +514,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.k1);
+            return brushToString(this.i.k8);
         },
         set: function (v) {
-            this.i.k1 = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.k1));
+            this.i.k8 = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.k8));
         },
         enumerable: true,
         configurable: true
@@ -528,11 +528,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.k6);
+            return brushToString(this.i.ld);
         },
         set: function (v) {
-            this.i.k6 = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.k6));
+            this.i.ld = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.ld));
         },
         enumerable: true,
         configurable: true
@@ -570,11 +570,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual state of the column options for this column.
         */
         get: function () {
-            return this.i.gq;
+            return this.i.gs;
         },
         set: function (v) {
-            this.i.gq = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.gq);
+            this.i.gs = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.gs);
         },
         enumerable: true,
         configurable: true
@@ -585,25 +585,25 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * then it will be disabled for the column regardless of what this is set to.
         */
         get: function () {
-            return this.i.gx;
+            return this.i.g0;
         },
         set: function (v) {
-            this.i.gx = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.gx);
+            this.i.g0 = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.g0);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcColumnComponent.prototype, "actualIsColumnOptionsSummariesEnabled", {
         /**
-         * Gets the actual state of the column options for this column.
+         * Gets the actual state of summaries menu in the column options for this column.
         */
         get: function () {
-            return this.i.gr;
+            return this.i.gu;
         },
         set: function (v) {
-            this.i.gr = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.gr);
+            this.i.gu = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.gu);
         },
         enumerable: true,
         configurable: true
@@ -613,11 +613,39 @@ var IgcColumnComponent = /** @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.gy;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.gy = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.gy);
+            this.i.g2 = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.g2);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcColumnComponent.prototype, "actualIsColumnOptionsGroupingEnabled", {
+        /**
+         * Gets the actual state of grouping menu in the column options for this column.
+        */
+        get: function () {
+            return this.i.gt;
+        },
+        set: function (v) {
+            this.i.gt = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.gt);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcColumnComponent.prototype, "isColumnOptionsGroupingEnabled", {
+        /**
+         * Gets or sets whether to show the grouping option in the column options menu for this column.
+        */
+        get: function () {
+            return this.i.g1;
+        },
+        set: function (v) {
+            this.i.g1 = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.g1);
         },
         enumerable: true,
         configurable: true
@@ -627,11 +655,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the column is editable.
         */
         get: function () {
-            return this.i.gz;
+            return this.i.g3;
         },
         set: function (v) {
-            this.i.gz = ensureBool(v);
-            this._a("isEditable", this.i.gz);
+            this.i.g3 = ensureBool(v);
+            this._a("isEditable", this.i.g3);
         },
         enumerable: true,
         configurable: true
@@ -641,11 +669,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.k7);
+            return brushToString(this.i.le);
         },
         set: function (v) {
-            this.i.k7 = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.k7));
+            this.i.le = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.le));
         },
         enumerable: true,
         configurable: true
@@ -655,11 +683,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.k2);
+            return brushToString(this.i.k9);
         },
         set: function (v) {
-            this.i.k2 = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.k2));
+            this.i.k9 = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.k9));
         },
         enumerable: true,
         configurable: true
@@ -669,11 +697,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.hg;
         },
         set: function (v) {
-            this.i.hc = +v;
-            this._a("editOpacity", this.i.hc);
+            this.i.hg = +v;
+            this._a("editOpacity", this.i.hg);
         },
         enumerable: true,
         configurable: true
@@ -683,11 +711,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity for unsaved edited cell values.
         */
         get: function () {
-            return this.i.hb;
+            return this.i.hf;
         },
         set: function (v) {
-            this.i.hb = +v;
-            this._a("actualEditOpacity", this.i.hb);
+            this.i.hf = +v;
+            this._a("actualEditOpacity", this.i.hf);
         },
         enumerable: true,
         configurable: true
@@ -777,11 +805,11 @@ var IgcColumnComponent = /** @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.hq;
+            return this.i.hu;
         },
         set: function (v) {
-            this.i.hq = +v;
-            this._a("mergedCellPaddingLeft", this.i.hq);
+            this.i.hu = +v;
+            this._a("mergedCellPaddingLeft", this.i.hu);
         },
         enumerable: true,
         configurable: true
@@ -791,11 +819,11 @@ var IgcColumnComponent = /** @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.hs;
+            return this.i.hw;
         },
         set: function (v) {
-            this.i.hs = +v;
-            this._a("mergedCellPaddingTop", this.i.hs);
+            this.i.hw = +v;
+            this._a("mergedCellPaddingTop", this.i.hw);
         },
         enumerable: true,
         configurable: true
@@ -805,11 +833,11 @@ var IgcColumnComponent = /** @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.hr;
+            return this.i.hv;
         },
         set: function (v) {
-            this.i.hr = +v;
-            this._a("mergedCellPaddingRight", this.i.hr);
+            this.i.hv = +v;
+            this._a("mergedCellPaddingRight", this.i.hv);
         },
         enumerable: true,
         configurable: true
@@ -819,11 +847,11 @@ var IgcColumnComponent = /** @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.hp;
+            return this.i.ht;
         },
         set: function (v) {
-            this.i.hp = +v;
-            this._a("mergedCellPaddingBottom", this.i.hp);
+            this.i.ht = +v;
+            this._a("mergedCellPaddingBottom", this.i.ht);
         },
         enumerable: true,
         configurable: true
@@ -908,18 +936,18 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.i7();
+        var iv = this.i.jc();
         return (iv);
     };
     IgcColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.kd(valueName, (animationType == null ? null : animationType), value);
+        this.i.kj(valueName, (animationType == null ? null : animationType), value);
     };
     /**
      * Returns if the column has named header values.
     
     */
     IgcColumnComponent.prototype.hasNamedHeaderValues = function () {
-        var iv = this.i.gu();
+        var iv = this.i.gx();
         return (iv);
     };
     /**
@@ -928,7 +956,7 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param valueName  * The named value to check for.
     */
     IgcColumnComponent.prototype.hasNamedHeaderValue = function (valueName) {
-        var iv = this.i.gt(valueName);
+        var iv = this.i.gw(valueName);
         return (iv);
     };
     /**
@@ -937,7 +965,7 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param valueName  * The named header value to remove.
     */
     IgcColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.kc(valueName);
+        this.i.ki(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.
@@ -945,11 +973,11 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param valueName  * Name of the named header value to retrieve.
     */
     IgcColumnComponent.prototype.getNamedHeaderValue = function (valueName) {
-        var iv = this.i.h4(valueName);
+        var iv = this.i.h8(valueName);
         return (iv);
     };
     IgcColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.j7(filterID, index, value);
+        this.i.kd(filterID, index, value);
     };
     Object.defineProperty(IgcColumnComponent.prototype, "actualHeaderTextChange", {
         get: function () {
@@ -965,7 +993,7 @@ var IgcColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = function (o, e) {
                 var ext = _this.actualHeaderText;
-                if (e.propertyName == 'Ih') {
+                if (e.propertyName == 'Il') {
                     if (_this.beforeActualHeaderTextChange) {
                         _this.beforeActualHeaderTextChange(_this, ext);
                     }