igniteui-webcomponents-data-grids 7.1.0-alpha.3 → 7.1.0-beta.1

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.ol;
+            return this.i.op;
         },
         set: function (v) {
-            this.i.ol = 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.oj;
+            return this.i.on;
         },
         set: function (v) {
-            this.i.oj = 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.oa;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.oa = ensureEnum(GroupSummaryDisplayMode_$type, v);
+            this.i.oe = ensureEnum(GroupSummaryDisplayMode_$type, v);
         },
         enumerable: false,
         configurable: true

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

@@ -76,44 +76,72 @@ export var IgcSectionHeaderComponent = /** @class */ /*@__PURE__*/ (function (_s
     };
     Object.defineProperty(IgcSectionHeaderComponent.prototype, "selectedBackground", {
         get: function () {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.h2));
+            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.h0);
+            return brushToString(this.i.h6);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.h0));
+            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.h3);
+            return brushToString(this.i.ia);
         },
         set: function (v) {
-            this.i.h3 = stringToBrush(v);
-            this._a("selectedTextColor", brushToString(this.i.h3));
+            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.h1);
+            return brushToString(this.i.h7);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("actualSelectedTextColor", brushToString(this.i.h1));
+            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

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.od;
+            return this.i.oh;
         },
         set: function (v) {
-            this.i.od = 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.of;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.of = 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.ok);
+            return brushToString(this.i.oo);
         },
         set: function (v) {
-            this.i.ok = stringToBrush(v);
+            this.i.oo = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSummaryCellInfo.prototype, "font", {
         get: function () {
-            if (this.i.n6 == null) {
+            if (this.i.oa == null) {
                 return null;
             }
-            return this.i.n6.fontString;
+            return this.i.oa.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.n6 = fi;
+            this.i.oa = fi;
         },
         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.n7;
+            return this.i.ob;
         },
         set: function (v) {
-            this.i.n7 = 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.oa;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.oa = 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.n7;
+            return this.i.ob;
         },
         set: function (v) {
-            this.i.n7 = v;
+            this.i.ob = v;
         },
         enumerable: false,
         configurable: true

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

@@ -79,11 +79,11 @@ export var IgcTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.r4;
+            return this.i.se;
         },
         set: function (v) {
-            this.i.r4 = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.r4));
+            this.i.se = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.se));
         },
         enumerable: false,
         configurable: true
@@ -93,10 +93,10 @@ export var IgcTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.r5;
+            return this.i.sf;
         },
         set: function (v) {
-            this.i.r5 = v;
+            this.i.sf = v;
         },
         enumerable: false,
         configurable: true
@@ -106,10 +106,10 @@ export var IgcTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.r7;
+            return this.i.sh;
         },
         set: function (v) {
-            this.i.r7 = v;
+            this.i.sh = v;
         },
         enumerable: false,
         configurable: true
@@ -119,10 +119,10 @@ export var IgcTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.r8;
+            return this.i.si;
         },
         set: function (v) {
-            this.i.r8 = v;
+            this.i.si = v;
         },
         enumerable: false,
         configurable: true

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

@@ -33,20 +33,20 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets whether the filter UI should be visible in the header.
         */
         get: function () {
-            return this.i.om;
+            return this.i.oq;
         },
         set: function (v) {
-            this.i.om = ensureBool(v);
+            this.i.oq = ensureBool(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTextHeaderCellInfo.prototype, "sortIndicatorStyle", {
         get: function () {
-            return this.i.oe;
+            return this.i.oi;
         },
         set: function (v) {
-            this.i.oe = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.oi = ensureEnum(SortIndicatorStyle_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -56,10 +56,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the alignment of the column options icon within the header cell.
         */
         get: function () {
-            return this.i.oa;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.oa = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this.i.oe = ensureEnum(ColumnOptionsIconAlignment_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -69,10 +69,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color for the column options icon in the header.
         */
         get: function () {
-            return brushToString(this.i.p5);
+            return brushToString(this.i.qc);
         },
         set: function (v) {
-            this.i.p5 = stringToBrush(v);
+            this.i.qc = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -82,10 +82,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets how the column option icon will behave in the header.
         */
         get: function () {
-            return this.i.oc;
+            return this.i.og;
         },
         set: function (v) {
-            this.i.oc = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this.i.og = ensureEnum(ColumnOptionsIconBehavior_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -95,10 +95,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the column options theme.
         */
         get: function () {
-            return this.i.og;
+            return this.i.ok;
         },
         set: function (v) {
-            this.i.og = ensureEnum(BaseControlTheme_$type, v);
+            this.i.ok = ensureEnum(BaseControlTheme_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -108,10 +108,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.p0);
+            return brushToString(this.i.p7);
         },
         set: function (v) {
-            this.i.p0 = stringToBrush(v);
+            this.i.p7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -121,10 +121,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for text inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.p7);
+            return brushToString(this.i.qe);
         },
         set: function (v) {
-            this.i.p7 = stringToBrush(v);
+            this.i.qe = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -134,45 +134,55 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the font settings for text inside the column options menu.
         */
         get: function () {
-            if (this.i.ok == null) {
+            if (this.i.oo == null) {
                 return null;
             }
-            return this.i.ok.fontString;
+            return this.i.oo.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ok = fi;
+            this.i.oo = fi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTextHeaderCellInfo.prototype, "columnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.p4);
+            return brushToString(this.i.qb);
         },
         set: function (v) {
-            this.i.p4 = stringToBrush(v);
+            this.i.qb = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTextHeaderCellInfo.prototype, "columnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.p8);
+            return brushToString(this.i.qf);
         },
         set: function (v) {
-            this.i.p8 = stringToBrush(v);
+            this.i.qf = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTextHeaderCellInfo.prototype, "columnOptionsToolTipTextColor", {
+        get: function () {
+            return brushToString(this.i.qg);
+        },
+        set: function (v) {
+            this.i.qg = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTextHeaderCellInfo.prototype, "columnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.p3);
+            return brushToString(this.i.qa);
         },
         set: function (v) {
-            this.i.p3 = stringToBrush(v);
+            this.i.qa = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -182,10 +192,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color of separators inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.p6);
+            return brushToString(this.i.qd);
         },
         set: function (v) {
-            this.i.p6 = stringToBrush(v);
+            this.i.qd = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -195,10 +205,10 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.p1);
+            return brushToString(this.i.p8);
         },
         set: function (v) {
-            this.i.p1 = stringToBrush(v);
+            this.i.p8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -208,45 +218,45 @@ var IgcTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.p2);
+            return brushToString(this.i.p9);
         },
         set: function (v) {
-            this.i.p2 = stringToBrush(v);
+            this.i.p9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTextHeaderCellInfo.prototype, "columnOptionsGroupHeaderTextStyle", {
         get: function () {
-            if (this.i.oj == null) {
+            if (this.i.on == null) {
                 return null;
             }
-            return this.i.oj.fontString;
+            return this.i.on.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.oj = fi;
+            this.i.on = fi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTextHeaderCellInfo.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.pz);
+            return brushToString(this.i.p6);
         },
         set: function (v) {
-            this.i.pz = stringToBrush(v);
+            this.i.p6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTextHeaderCellInfo.prototype, "columnOptionsRowHeight", {
         get: function () {
-            return this.i.oy;
+            return this.i.o2;
         },
         set: function (v) {
-            this.i.oy = +v;
+            this.i.o2 = +v;
         },
         enumerable: false,
         configurable: true