igniteui-webcomponents-grids 1.4.2 → 3.2.2

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

@@ -58,137 +58,137 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.hx;
+            return this.i.h1;
         }
         set paddingLeft(v) {
-            this.i.hx = +v;
-            this._a("paddingLeft", this.i.hx);
+            this.i.h1 = +v;
+            this._a("paddingLeft", this.i.h1);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.hz;
+            return this.i.h3;
         }
         set paddingTop(v) {
-            this.i.hz = +v;
-            this._a("paddingTop", this.i.hz);
+            this.i.h3 = +v;
+            this._a("paddingTop", this.i.h3);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.hy;
+            return this.i.h2;
         }
         set paddingRight(v) {
-            this.i.hy = +v;
-            this._a("paddingRight", this.i.hy);
+            this.i.h2 = +v;
+            this._a("paddingRight", this.i.h2);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.hw;
+            return this.i.h0;
         }
         set paddingBottom(v) {
-            this.i.hw = +v;
-            this._a("paddingBottom", this.i.hw);
+            this.i.h0 = +v;
+            this._a("paddingBottom", this.i.h0);
         }
         /**
          * Gets or sets an unique name of the Column
         */
         get name() {
-            return this.i.js;
+            return this.i.jy;
         }
         set name(v) {
-            this.i.js = v;
+            this.i.jy = v;
         }
         /**
          * Gets or sets the key used for the column binding
         */
         get field() {
-            return this.i.i2;
+            return this.i.i7;
         }
         set field(v) {
-            this.i.i2 = v;
+            this.i.i7 = v;
         }
         /**
          * Gets or sets the text displayed in the header of the column
         */
         get headerText() {
-            return this.i.i9;
+            return this.i.je;
         }
         set headerText(v) {
-            this.i.i9 = v;
+            this.i.je = v;
         }
         /**
          * Gets the actual text displayed in the header of the column
         */
         get actualHeaderText() {
-            return this.i.ih;
+            return this.i.il;
         }
         set actualHeaderText(v) {
-            this.i.ih = v;
+            this.i.il = v;
         }
         /**
          * Gets or sets the background color to use for the cells when they are selected
         */
         get selectedBackground() {
-            return brushToString(this.i.lc);
+            return brushToString(this.i.lj);
         }
         set selectedBackground(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));
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSelectedBackground() {
-            return brushToString(this.i.k5);
+            return brushToString(this.i.lc);
         }
         set actualSelectedBackground(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));
         }
         /**
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get rowHoverBackground() {
-            return brushToString(this.i.la);
+            return brushToString(this.i.lh);
         }
         set rowHoverBackground(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));
         }
         /**
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get actualHoverBackground() {
-            return brushToString(this.i.k3);
+            return brushToString(this.i.la);
         }
         set actualHoverBackground(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));
         }
         /**
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get rowHoverTextColor() {
-            return brushToString(this.i.lb);
+            return brushToString(this.i.li);
         }
         set rowHoverTextColor(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));
         }
         /**
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get actualRowHoverTextColor() {
-            return brushToString(this.i.k4);
+            return brushToString(this.i.lb);
         }
         set actualRowHoverTextColor(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));
         }
         /**
          * Gets or sets the animation settings to use for this column.
@@ -234,31 +234,31 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
         */
         get minWidth() {
-            return this.i.hd;
+            return this.i.hh;
         }
         set minWidth(v) {
-            this.i.hd = +v;
-            this._a("minWidth", this.i.hd);
+            this.i.hh = +v;
+            this._a("minWidth", this.i.hh);
         }
         /**
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get isFromMarkup() {
-            return this.i.g1;
+            return this.i.g5;
         }
         set isFromMarkup(v) {
-            this.i.g1 = ensureBool(v);
-            this._a("isFromMarkup", this.i.g1);
+            this.i.g5 = ensureBool(v);
+            this._a("isFromMarkup", this.i.g5);
         }
         /**
          * Gets whether this column was auto generated.
         */
         get isAutoGenerated() {
-            return this.i.gw;
+            return this.i.gz;
         }
         set isAutoGenerated(v) {
-            this.i.gw = ensureBool(v);
-            this._a("isAutoGenerated", this.i.gw);
+            this.i.gz = ensureBool(v);
+            this._a("isAutoGenerated", this.i.gz);
         }
         /**
          * Gets or sets a filter to apply on the values of this column
@@ -303,41 +303,41 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether filtering is enabled for this column.
         */
         get isFilteringEnabled() {
-            return this.i.g0;
+            return this.i.g4;
         }
         set isFilteringEnabled(v) {
-            this.i.g0 = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.g0);
+            this.i.g4 = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.g4);
         }
         /**
          * Gets or sets whether resizing is enabled for this column.
         */
         get isResizingEnabled() {
-            return this.i.g3;
+            return this.i.g7;
         }
         set isResizingEnabled(v) {
-            this.i.g3 = ensureBool(v);
-            this._a("isResizingEnabled", this.i.g3);
+            this.i.g7 = ensureBool(v);
+            this._a("isResizingEnabled", this.i.g7);
         }
         /**
          * Gets or sets whether or not a column is hidden from the grid
         */
         get isHidden() {
-            return this.i.g2;
+            return this.i.g6;
         }
         set isHidden(v) {
-            this.i.g2 = ensureBool(v);
-            this._a("isHidden", this.i.g2);
+            this.i.g6 = ensureBool(v);
+            this._a("isHidden", this.i.g6);
         }
         /**
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get shouldRemoveWhenHidden() {
-            return this.i.g6;
+            return this.i.ha;
         }
         set shouldRemoveWhenHidden(v) {
-            this.i.g6 = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.g6);
+            this.i.ha = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.ha);
         }
         /**
          * Gets the current sort direction (None, Ascending, Descending) for this column.
@@ -383,21 +383,21 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual column options icon color for this column.
         */
         get actualColumnOptionsIconColor() {
-            return brushToString(this.i.k1);
+            return brushToString(this.i.k8);
         }
         set actualColumnOptionsIconColor(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));
         }
         /**
          * Gets or sets the column options icon color for this column.
         */
         get columnOptionsIconColor() {
-            return brushToString(this.i.k6);
+            return brushToString(this.i.ld);
         }
         set columnOptionsIconColor(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));
         }
         /**
          * Gets or sets how the column option icon will behave in the column header.
@@ -423,92 +423,112 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual state of the column options for this column.
         */
         get actualIsColumnOptionsEnabled() {
-            return this.i.gq;
+            return this.i.gs;
         }
         set actualIsColumnOptionsEnabled(v) {
-            this.i.gq = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.gq);
+            this.i.gs = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.gs);
         }
         /**
          * 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.gx;
+            return this.i.g0;
         }
         set isColumnOptionsEnabled(v) {
-            this.i.gx = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.gx);
+            this.i.g0 = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.g0);
         }
         /**
-         * 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 actualIsColumnOptionsSummariesEnabled() {
-            return this.i.gr;
+            return this.i.gu;
         }
         set actualIsColumnOptionsSummariesEnabled(v) {
-            this.i.gr = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.gr);
+            this.i.gu = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.gu);
         }
         /**
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get isColumnOptionsSummariesEnabled() {
-            return this.i.gy;
+            return this.i.g2;
         }
         set isColumnOptionsSummariesEnabled(v) {
-            this.i.gy = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.gy);
+            this.i.g2 = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.g2);
+        }
+        /**
+         * Gets the actual state of grouping menu in the column options for this column.
+        */
+        get actualIsColumnOptionsGroupingEnabled() {
+            return this.i.gt;
+        }
+        set actualIsColumnOptionsGroupingEnabled(v) {
+            this.i.gt = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.gt);
+        }
+        /**
+         * Gets or sets whether to show the grouping option in the column options menu for this column.
+        */
+        get isColumnOptionsGroupingEnabled() {
+            return this.i.g1;
+        }
+        set isColumnOptionsGroupingEnabled(v) {
+            this.i.g1 = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.g1);
         }
         /**
          * Gets or sets if the column is editable.
         */
         get isEditable() {
-            return this.i.gz;
+            return this.i.g3;
         }
         set isEditable(v) {
-            this.i.gz = ensureBool(v);
-            this._a("isEditable", this.i.gz);
+            this.i.g3 = ensureBool(v);
+            this._a("isEditable", this.i.g3);
         }
         /**
          * Gets or sets the text color used for deleted rows.
         */
         get deletedTextColor() {
-            return brushToString(this.i.k7);
+            return brushToString(this.i.le);
         }
         set deletedTextColor(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));
         }
         /**
          * Gets the actual text color used for deleted rows.
         */
         get actualDeletedTextColor() {
-            return brushToString(this.i.k2);
+            return brushToString(this.i.k9);
         }
         set actualDeletedTextColor(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));
         }
         /**
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get editOpacity() {
-            return this.i.hc;
+            return this.i.hg;
         }
         set editOpacity(v) {
-            this.i.hc = +v;
-            this._a("editOpacity", this.i.hc);
+            this.i.hg = +v;
+            this._a("editOpacity", this.i.hg);
         }
         /**
          * Gets the actual opacity for unsaved edited cell values.
         */
         get actualEditOpacity() {
-            return this.i.hb;
+            return this.i.hf;
         }
         set actualEditOpacity(v) {
-            this.i.hb = +v;
-            this._a("actualEditOpacity", this.i.hb);
+            this.i.hf = +v;
+            this._a("actualEditOpacity", this.i.hf);
         }
         /**
          * Gets or sets the font style to use for unsaved cell edits.
@@ -574,41 +594,41 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get mergedCellPaddingLeft() {
-            return this.i.hq;
+            return this.i.hu;
         }
         set mergedCellPaddingLeft(v) {
-            this.i.hq = +v;
-            this._a("mergedCellPaddingLeft", this.i.hq);
+            this.i.hu = +v;
+            this._a("mergedCellPaddingLeft", this.i.hu);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get mergedCellPaddingTop() {
-            return this.i.hs;
+            return this.i.hw;
         }
         set mergedCellPaddingTop(v) {
-            this.i.hs = +v;
-            this._a("mergedCellPaddingTop", this.i.hs);
+            this.i.hw = +v;
+            this._a("mergedCellPaddingTop", this.i.hw);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get mergedCellPaddingRight() {
-            return this.i.hr;
+            return this.i.hv;
         }
         set mergedCellPaddingRight(v) {
-            this.i.hr = +v;
-            this._a("mergedCellPaddingRight", this.i.hr);
+            this.i.hv = +v;
+            this._a("mergedCellPaddingRight", this.i.hv);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get mergedCellPaddingBottom() {
-            return this.i.hp;
+            return this.i.ht;
         }
         set mergedCellPaddingBottom(v) {
-            this.i.hp = +v;
-            this._a("mergedCellPaddingBottom", this.i.hp);
+            this.i.ht = +v;
+            this._a("mergedCellPaddingBottom", this.i.ht);
         }
         /**
          * Gets or sets whether UI filters are case sensitive or not.
@@ -682,18 +702,18 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
         
         */
         getUniqueKey() {
-            let iv = this.i.i7();
+            let iv = this.i.jc();
             return (iv);
         }
         setNamedHeaderValue(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.
         
         */
         hasNamedHeaderValues() {
-            let iv = this.i.gu();
+            let iv = this.i.gx();
             return (iv);
         }
         /**
@@ -702,7 +722,7 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value to check for.
         */
         hasNamedHeaderValue(valueName) {
-            let iv = this.i.gt(valueName);
+            let iv = this.i.gw(valueName);
             return (iv);
         }
         /**
@@ -711,7 +731,7 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named header value to remove.
         */
         removeNamedHeaderValue(valueName) {
-            this.i.kc(valueName);
+            this.i.ki(valueName);
         }
         /**
          * Gets the value of a named header value for this column by name.
@@ -719,11 +739,11 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * Name of the named header value to retrieve.
         */
         getNamedHeaderValue(valueName) {
-            let iv = this.i.h4(valueName);
+            let iv = this.i.h8(valueName);
             return (iv);
         }
         applyCustomFilter(filterID, index, value) {
-            this.i.j7(filterID, index, value);
+            this.i.kd(filterID, index, value);
         }
         get actualHeaderTextChange() {
             return this._actualHeaderTextChange;
@@ -737,7 +757,7 @@ export let IgcColumnComponent = /*@__PURE__*/ (() => {
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = (o, e) => {
                 let ext = this.actualHeaderText;
-                if (e.propertyName == 'Ih') {
+                if (e.propertyName == 'Il') {
                     if (this.beforeActualHeaderTextChange) {
                         this.beforeActualHeaderTextChange(this, ext);
                     }

package/esm2015/lib/igc-column-grouping-component.js

@@ -206,20 +206,20 @@ export let IgcColumnGroupingComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get title() {
-            return this.i.ak;
+            return this.i.al;
         }
         set title(v) {
-            this.i.ak = v;
+            this.i.al = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get titleColor() {
-            return brushToString(this.i.bj);
+            return brushToString(this.i.bm);
         }
         set titleColor(v) {
-            this.i.bj = stringToBrush(v);
-            this._a("titleColor", brushToString(this.i.bj));
+            this.i.bm = stringToBrush(v);
+            this._a("titleColor", brushToString(this.i.bm));
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -240,41 +240,51 @@ export let IgcColumnGroupingComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get textColor() {
-            return brushToString(this.i.bi);
+            return brushToString(this.i.bl);
         }
         set textColor(v) {
-            this.i.bi = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.bi));
+            this.i.bl = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.bl));
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get iconColor() {
-            return brushToString(this.i.bh);
+            return brushToString(this.i.bi);
         }
         set iconColor(v) {
-            this.i.bh = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.bh));
+            this.i.bi = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.bi));
         }
         /**
-         * Gets or Sets the property name that contains the values.
+         * Gets or sets the background color of the column items in the group area.
         */
-        get backgroundColor() {
-            return brushToString(this.i.bf);
+        get itemBackgroundColor() {
+            return brushToString(this.i.bj);
         }
-        set backgroundColor(v) {
-            this.i.bf = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.bf));
+        set itemBackgroundColor(v) {
+            this.i.bj = stringToBrush(v);
+            this._a("itemBackgroundColor", brushToString(this.i.bj));
         }
         /**
-         * Gets or Sets the property name that contains the values.
+         * Gets or sets the background color of the column items when hovered by the mouse.
         */
-        get hoverBackgroundColor() {
-            return brushToString(this.i.bg);
+        get itemHoverBackgroundColor() {
+            return brushToString(this.i.bk);
         }
-        set hoverBackgroundColor(v) {
-            this.i.bg = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.bg));
+        set itemHoverBackgroundColor(v) {
+            this.i.bk = stringToBrush(v);
+            this._a("itemHoverBackgroundColor", brushToString(this.i.bk));
+        }
+        /**
+         * Gets or sets the background of the group by area.
+        */
+        get backgroundColor() {
+            return brushToString(this.i.bh);
+        }
+        set backgroundColor(v) {
+            this.i.bh = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.bh));
         }
         findByName(name) {
             if (this.targetGrid && this.targetGrid.name && this.targetGrid.name == name) {