igniteui-webcomponents-data-grids 7.1.0-alpha.2 → 7.1.0-beta.0

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

@@ -79,10 +79,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the string to prefix a negative value. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.sr;
+            return this.i.s5;
         },
         set: function (v) {
-            this.i.sr = v;
+            this.i.s5 = v;
         },
         enumerable: false,
         configurable: true
@@ -92,10 +92,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the string to prefix a positive value. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.sv;
+            return this.i.s9;
         },
         set: function (v) {
-            this.i.sv = v;
+            this.i.s9 = v;
         },
         enumerable: false,
         configurable: true
@@ -105,10 +105,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the string to suffix a negative value. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.st;
+            return this.i.s7;
         },
         set: function (v) {
-            this.i.st = v;
+            this.i.s7 = v;
         },
         enumerable: false,
         configurable: true
@@ -118,10 +118,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the string to suffix a positive value. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.sx;
+            return this.i.tb;
         },
         set: function (v) {
-            this.i.sx = v;
+            this.i.tb = v;
         },
         enumerable: false,
         configurable: true
@@ -131,11 +131,11 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the maximum fraction digits. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.r6;
+            return this.i.sj;
         },
         set: function (v) {
-            this.i.r6 = +v;
-            this._a("maxFractionDigits", this.i.r6);
+            this.i.sj = +v;
+            this._a("maxFractionDigits", this.i.sj);
         },
         enumerable: false,
         configurable: true
@@ -145,11 +145,11 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the minimum fraction digits. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.r7;
+            return this.i.sk;
         },
         set: function (v) {
-            this.i.r7 = +v;
-            this._a("minFractionDigits", this.i.r7);
+            this.i.sk = +v;
+            this._a("minFractionDigits", this.i.sk);
         },
         enumerable: false,
         configurable: true
@@ -159,11 +159,26 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the minimum integer digits. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.r8;
+            return this.i.sl;
         },
         set: function (v) {
-            this.i.r8 = +v;
-            this._a("minIntegerDigits", this.i.r8);
+            this.i.sl = +v;
+            this._a("minIntegerDigits", this.i.sl);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcNumericColumnComponent.prototype, "isPercent", {
+        /**
+         * Gets or sets whether the column's values are displayed as percentages.
+         * When true, the raw numeric value is multiplied by 100 before it is formatted for display.
+        */
+        get: function () {
+            return this.i.sd;
+        },
+        set: function (v) {
+            this.i.sd = ensureBool(v);
+            this._a("isPercent", this.i.sd);
         },
         enumerable: false,
         configurable: true
@@ -173,11 +188,11 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets whether to show a grouping separator. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.r1;
+            return this.i.se;
         },
         set: function (v) {
-            this.i.r1 = ensureBool(v);
-            this._a("showGroupingSeparator", this.i.r1);
+            this.i.se = ensureBool(v);
+            this._a("showGroupingSeparator", this.i.se);
         },
         enumerable: false,
         configurable: true
@@ -187,24 +202,24 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get: function () {
-            return this.i.sm;
+            return this.i.sz;
         },
         set: function (v) {
-            this.i.sm = v;
+            this.i.sz = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcNumericColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.rx;
+            return this.i.r8;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.rx = v;
+            this.i.r8 = v;
         },
         enumerable: false,
         configurable: true
@@ -214,10 +229,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the INTL NumericFormat object to use for formatting the date values.
         */
         get: function () {
-            return this.i.sb;
+            return this.i.so;
         },
         set: function (v) {
-            this.i.sb = v;
+            this.i.so = v;
         },
         enumerable: false,
         configurable: true
@@ -227,11 +242,11 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.rz;
+            return this.i.sa;
         },
         set: function (v) {
-            this.i.rz = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.rz));
+            this.i.sa = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.sa));
         },
         enumerable: false,
         configurable: true
@@ -241,10 +256,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.sa;
+            return this.i.sn;
         },
         set: function (v) {
-            this.i.sa = v;
+            this.i.sn = v;
         },
         enumerable: false,
         configurable: true
@@ -254,10 +269,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.sh;
+            return this.i.su;
         },
         set: function (v) {
-            this.i.sh = v;
+            this.i.su = v;
         },
         enumerable: false,
         configurable: true
@@ -267,10 +282,10 @@ export var IgcNumericColumnComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.si;
+            return this.i.sv;
         },
         set: function (v) {
-            this.i.si = v;
+            this.i.sv = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-section-header-cell-info.js

@@ -29,10 +29,10 @@ var IgcSectionHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the resolved text for the section header cell.
         */
         get: function () {
-            return this.i.oh;
+            return this.i.op;
         },
         set: function (v) {
-            this.i.oh = v;
+            this.i.op = v;
         },
         enumerable: false,
         configurable: true
@@ -42,10 +42,10 @@ var IgcSectionHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the resolved summary text for the section header cell.
         */
         get: function () {
-            return this.i.of;
+            return this.i.on;
         },
         set: function (v) {
-            this.i.of = v;
+            this.i.on = v;
         },
         enumerable: false,
         configurable: true
@@ -55,10 +55,10 @@ var IgcSectionHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets how summaries are displayed in the section header cell.
         */
         get: function () {
-            return this.i.n6;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.n6 = ensureEnum(GroupSummaryDisplayMode_$type, v);
+            this.i.oe = ensureEnum(GroupSummaryDisplayMode_$type, v);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-section-header-component.js

@@ -76,22 +76,72 @@ export var IgcSectionHeaderComponent = /** @class */ /*@__PURE__*/ (function (_s
     };
     Object.defineProperty(IgcSectionHeaderComponent.prototype, "selectedBackground", {
         get: function () {
-            return brushToString(this.i.hv);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.hv = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.hv));
+            this.i.h9 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.h9));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSectionHeaderComponent.prototype, "actualSelectedBackground", {
         get: function () {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.h6);
         },
         set: function (v) {
-            this.i.hu = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.hu));
+            this.i.h6 = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.h6));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSectionHeaderComponent.prototype, "selectedTextColor", {
+        get: function () {
+            return brushToString(this.i.ia);
+        },
+        set: function (v) {
+            this.i.ia = stringToBrush(v);
+            this._a("selectedTextColor", brushToString(this.i.ia));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSectionHeaderComponent.prototype, "actualSelectedTextColor", {
+        get: function () {
+            return brushToString(this.i.h7);
+        },
+        set: function (v) {
+            this.i.h7 = stringToBrush(v);
+            this._a("actualSelectedTextColor", brushToString(this.i.h7));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSectionHeaderComponent.prototype, "expansionIndicatorIconColor", {
+        /**
+         * Gets or sets the color of the section header's expansion indicator icon. When unset, the icon defers to the grid-level color or the resolved section header text color.
+        */
+        get: function () {
+            return brushToString(this.i.h8);
+        },
+        set: function (v) {
+            this.i.h8 = stringToBrush(v);
+            this._a("expansionIndicatorIconColor", brushToString(this.i.h8));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSectionHeaderComponent.prototype, "actualExpansionIndicatorIconColor", {
+        /**
+         * Gets the resolved color of the section header's expansion indicator icon.
+        */
+        get: function () {
+            return brushToString(this.i.h5);
+        },
+        set: function (v) {
+            this.i.h5 = stringToBrush(v);
+            this._a("actualExpansionIndicatorIconColor", brushToString(this.i.h5));
         },
         enumerable: false,
         configurable: true
@@ -101,11 +151,11 @@ export var IgcSectionHeaderComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.hd;
+            return this.i.he;
         },
         set: function (v) {
-            this.i.hd = +v;
-            this._a("paddingLeft", this.i.hd);
+            this.i.he = +v;
+            this._a("paddingLeft", this.i.he);
         },
         enumerable: false,
         configurable: true
@@ -115,11 +165,11 @@ export var IgcSectionHeaderComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hg;
         },
         set: function (v) {
-            this.i.hf = +v;
-            this._a("paddingTop", this.i.hf);
+            this.i.hg = +v;
+            this._a("paddingTop", this.i.hg);
         },
         enumerable: false,
         configurable: true
@@ -129,11 +179,11 @@ export var IgcSectionHeaderComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.he;
+            return this.i.hf;
         },
         set: function (v) {
-            this.i.he = +v;
-            this._a("paddingRight", this.i.he);
+            this.i.hf = +v;
+            this._a("paddingRight", this.i.hf);
         },
         enumerable: false,
         configurable: true
@@ -143,33 +193,33 @@ export var IgcSectionHeaderComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.hd;
         },
         set: function (v) {
-            this.i.hc = +v;
-            this._a("paddingBottom", this.i.hc);
+            this.i.hd = +v;
+            this._a("paddingBottom", this.i.hd);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSectionHeaderComponent.prototype, "isCollapsable", {
         get: function () {
-            return this.i.g6;
+            return this.i.g7;
         },
         set: function (v) {
-            this.i.g6 = ensureBool(v);
-            this._a("isCollapsable", this.i.g6);
+            this.i.g7 = ensureBool(v);
+            this._a("isCollapsable", this.i.g7);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSectionHeaderComponent.prototype, "summaryDisplayMode", {
         get: function () {
-            return this.i.g3;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g3 = ensureEnum(GroupSummaryDisplayMode_$type, v);
-            this._a("summaryDisplayMode", enumToString(GroupSummaryDisplayMode_$type, this.i.g3));
+            this.i.g4 = ensureEnum(GroupSummaryDisplayMode_$type, v);
+            this._a("summaryDisplayMode", enumToString(GroupSummaryDisplayMode_$type, this.i.g4));
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-summary-cell-info.js

@@ -29,10 +29,10 @@ var IgcSummaryCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the resolved summary label for the summary cell.
         */
         get: function () {
-            return this.i.n9;
+            return this.i.oh;
         },
         set: function (v) {
-            this.i.n9 = v;
+            this.i.oh = v;
         },
         enumerable: false,
         configurable: true
@@ -42,10 +42,10 @@ var IgcSummaryCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the resolved summary value for the sumamry cell.
         */
         get: function () {
-            return this.i.ob;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.ob = v;
+            this.i.oj = v;
         },
         enumerable: false,
         configurable: true
@@ -55,25 +55,25 @@ var IgcSummaryCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color of the text for the summary label in the cell.
         */
         get: function () {
-            return brushToString(this.i.og);
+            return brushToString(this.i.oo);
         },
         set: function (v) {
-            this.i.og = stringToBrush(v);
+            this.i.oo = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSummaryCellInfo.prototype, "font", {
         get: function () {
-            if (this.i.n2 == null) {
+            if (this.i.oa == null) {
                 return null;
             }
-            return this.i.n2.fontString;
+            return this.i.oa.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.n2 = fi;
+            this.i.oa = fi;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-summary-row-component.js

@@ -65,11 +65,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the background color for summary cells when selected.
         */
         get: function () {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.hz);
         },
         set: function (v) {
-            this.i.hy = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.hy));
+            this.i.hz = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.hz));
         },
         enumerable: false,
         configurable: true
@@ -79,11 +79,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual background color for summary cells when selected.
         */
         get: function () {
-            return brushToString(this.i.hv);
+            return brushToString(this.i.hw);
         },
         set: function (v) {
-            this.i.hv = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.hv));
+            this.i.hw = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -93,11 +93,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the text color for the summary labels.
         */
         get: function () {
-            return brushToString(this.i.hz);
+            return brushToString(this.i.h0);
         },
         set: function (v) {
-            this.i.hz = stringToBrush(v);
-            this._a("summaryLabelTextColor", brushToString(this.i.hz));
+            this.i.h0 = stringToBrush(v);
+            this._a("summaryLabelTextColor", brushToString(this.i.h0));
         },
         enumerable: false,
         configurable: true
@@ -107,11 +107,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual text color for the summary labels.
         */
         get: function () {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.hw = stringToBrush(v);
-            this._a("actualSummaryLabelTextColor", brushToString(this.i.hw));
+            this.i.hx = stringToBrush(v);
+            this._a("actualSummaryLabelTextColor", brushToString(this.i.hx));
         },
         enumerable: false,
         configurable: true
@@ -140,11 +140,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.hb;
+            return this.i.hc;
         },
         set: function (v) {
-            this.i.hb = +v;
-            this._a("paddingLeft", this.i.hb);
+            this.i.hc = +v;
+            this._a("paddingLeft", this.i.hc);
         },
         enumerable: false,
         configurable: true
@@ -154,11 +154,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.hd;
+            return this.i.he;
         },
         set: function (v) {
-            this.i.hd = +v;
-            this._a("paddingTop", this.i.hd);
+            this.i.he = +v;
+            this._a("paddingTop", this.i.he);
         },
         enumerable: false,
         configurable: true
@@ -168,11 +168,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.hd;
         },
         set: function (v) {
-            this.i.hc = +v;
-            this._a("paddingRight", this.i.hc);
+            this.i.hd = +v;
+            this._a("paddingRight", this.i.hd);
         },
         enumerable: false,
         configurable: true
@@ -182,11 +182,11 @@ export var IgcSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.ha;
+            return this.i.hb;
         },
         set: function (v) {
-            this.i.ha = +v;
-            this._a("paddingBottom", this.i.ha);
+            this.i.hb = +v;
+            this._a("paddingBottom", this.i.hb);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-template-cell-info.js

@@ -27,10 +27,10 @@ var IgcTemplateCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the value to provide to the template.
         */
         get: function () {
-            return this.i.n3;
+            return this.i.ob;
         },
         set: function (v) {
-            this.i.n3 = v;
+            this.i.ob = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-template-header-cell-info.js

@@ -28,10 +28,10 @@ var IgcTemplateHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets whether the filter UI should be visible in the header.
         */
         get: function () {
-            return this.i.n6;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.n6 = ensureBool(v);
+            this.i.oe = ensureBool(v);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-text-cell-info.js

@@ -27,10 +27,10 @@ var IgcTextCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the text value for the cell.
         */
         get: function () {
-            return this.i.n3;
+            return this.i.ob;
         },
         set: function (v) {
-            this.i.n3 = v;
+            this.i.ob = v;
         },
         enumerable: false,
         configurable: true