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

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

@@ -63,72 +63,106 @@ let IgcSectionHeaderComponent = /*@__PURE__*/ (() => {
             }
         }
         get selectedBackground() {
-            return brushToString(this.i.hv);
+            return brushToString(this.i.h9);
         }
         set selectedBackground(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));
         }
         get actualSelectedBackground() {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.h6);
         }
         set actualSelectedBackground(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));
+        }
+        get selectedTextColor() {
+            return brushToString(this.i.ia);
+        }
+        set selectedTextColor(v) {
+            this.i.ia = stringToBrush(v);
+            this._a("selectedTextColor", brushToString(this.i.ia));
+        }
+        get actualSelectedTextColor() {
+            return brushToString(this.i.h7);
+        }
+        set actualSelectedTextColor(v) {
+            this.i.h7 = stringToBrush(v);
+            this._a("actualSelectedTextColor", brushToString(this.i.h7));
+        }
+        /**
+         * 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 expansionIndicatorIconColor() {
+            return brushToString(this.i.h8);
+        }
+        set expansionIndicatorIconColor(v) {
+            this.i.h8 = stringToBrush(v);
+            this._a("expansionIndicatorIconColor", brushToString(this.i.h8));
+        }
+        /**
+         * Gets the resolved color of the section header's expansion indicator icon.
+        */
+        get actualExpansionIndicatorIconColor() {
+            return brushToString(this.i.h5);
+        }
+        set actualExpansionIndicatorIconColor(v) {
+            this.i.h5 = stringToBrush(v);
+            this._a("actualExpansionIndicatorIconColor", brushToString(this.i.h5));
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.hd;
+            return this.i.he;
         }
         set paddingLeft(v) {
-            this.i.hd = +v;
-            this._a("paddingLeft", this.i.hd);
+            this.i.he = +v;
+            this._a("paddingLeft", this.i.he);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.hf;
+            return this.i.hg;
         }
         set paddingTop(v) {
-            this.i.hf = +v;
-            this._a("paddingTop", this.i.hf);
+            this.i.hg = +v;
+            this._a("paddingTop", this.i.hg);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.he;
+            return this.i.hf;
         }
         set paddingRight(v) {
-            this.i.he = +v;
-            this._a("paddingRight", this.i.he);
+            this.i.hf = +v;
+            this._a("paddingRight", this.i.hf);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.hc;
+            return this.i.hd;
         }
         set paddingBottom(v) {
-            this.i.hc = +v;
-            this._a("paddingBottom", this.i.hc);
+            this.i.hd = +v;
+            this._a("paddingBottom", this.i.hd);
         }
         get isCollapsable() {
-            return this.i.g6;
+            return this.i.g7;
         }
         set isCollapsable(v) {
-            this.i.g6 = ensureBool(v);
-            this._a("isCollapsable", this.i.g6);
+            this.i.g7 = ensureBool(v);
+            this._a("isCollapsable", this.i.g7);
         }
         get summaryDisplayMode() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set summaryDisplayMode(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));
         }
     }
     IgcSectionHeaderComponent._observedAttributesIgcSectionHeaderComponent = null;

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

@@ -22,38 +22,38 @@ export class IgcSummaryCellInfo extends IgcCellInfo {
      * Sets or gets the resolved summary label for the summary cell.
     */
     get resolvedSummaryLabel() {
-        return this.i.n9;
+        return this.i.oh;
     }
     set resolvedSummaryLabel(v) {
-        this.i.n9 = v;
+        this.i.oh = v;
     }
     /**
      * Sets or gets the resolved summary value for the sumamry cell.
     */
     get resolvedSummaryValue() {
-        return this.i.ob;
+        return this.i.oj;
     }
     set resolvedSummaryValue(v) {
-        this.i.ob = v;
+        this.i.oj = v;
     }
     /**
      * Gets or sets the color of the text for the summary label in the cell.
     */
     get summaryLabelTextColor() {
-        return brushToString(this.i.og);
+        return brushToString(this.i.oo);
     }
     set summaryLabelTextColor(v) {
-        this.i.og = stringToBrush(v);
+        this.i.oo = stringToBrush(v);
     }
     get font() {
-        if (this.i.n2 == null) {
+        if (this.i.oa == null) {
             return null;
         }
-        return this.i.n2.fontString;
+        return this.i.oa.fontString;
     }
     set font(v) {
         let fi = new FontInfo();
         fi.fontString = v;
-        this.i.n2 = fi;
+        this.i.oa = fi;
     }
 }

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

@@ -55,41 +55,41 @@ let IgcSummaryRowComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color for summary cells when selected.
         */
         get selectedBackground() {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.hz);
         }
         set selectedBackground(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));
         }
         /**
          * Gets the actual background color for summary cells when selected.
         */
         get actualSelectedBackground() {
-            return brushToString(this.i.hv);
+            return brushToString(this.i.hw);
         }
         set actualSelectedBackground(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));
         }
         /**
          * Gets or sets the text color for the summary labels.
         */
         get summaryLabelTextColor() {
-            return brushToString(this.i.hz);
+            return brushToString(this.i.h0);
         }
         set summaryLabelTextColor(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));
         }
         /**
          * Gets the actual text color for the summary labels.
         */
         get actualSummaryLabelTextColor() {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.hx);
         }
         set actualSummaryLabelTextColor(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));
         }
         /**
          * Gets or sets the text style for the summary labels.
@@ -110,41 +110,41 @@ let IgcSummaryRowComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.hb;
+            return this.i.hc;
         }
         set paddingLeft(v) {
-            this.i.hb = +v;
-            this._a("paddingLeft", this.i.hb);
+            this.i.hc = +v;
+            this._a("paddingLeft", this.i.hc);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.hd;
+            return this.i.he;
         }
         set paddingTop(v) {
-            this.i.hd = +v;
-            this._a("paddingTop", this.i.hd);
+            this.i.he = +v;
+            this._a("paddingTop", this.i.he);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.hc;
+            return this.i.hd;
         }
         set paddingRight(v) {
-            this.i.hc = +v;
-            this._a("paddingRight", this.i.hc);
+            this.i.hd = +v;
+            this._a("paddingRight", this.i.hd);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.ha;
+            return this.i.hb;
         }
         set paddingBottom(v) {
-            this.i.ha = +v;
-            this._a("paddingBottom", this.i.ha);
+            this.i.hb = +v;
+            this._a("paddingBottom", this.i.hb);
         }
     }
     IgcSummaryRowComponent._observedAttributesIgcSummaryRowComponent = null;

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

@@ -20,9 +20,9 @@ export class IgcTemplateCellInfo extends IgcCellInfo {
      * Sets or gets the value to provide to the template.
     */
     get value() {
-        return this.i.n3;
+        return this.i.ob;
     }
     set value(v) {
-        this.i.n3 = v;
+        this.i.ob = v;
     }
 }

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

@@ -21,9 +21,9 @@ export class IgcTemplateHeaderCellInfo extends IgcTemplateCellInfo {
      * Sets or gets whether the filter UI should be visible in the header.
     */
     get isFilterUIVisible() {
-        return this.i.n6;
+        return this.i.oe;
     }
     set isFilterUIVisible(v) {
-        this.i.n6 = ensureBool(v);
+        this.i.oe = ensureBool(v);
     }
 }

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

@@ -20,9 +20,9 @@ export class IgcTextCellInfo extends IgcCellInfo {
      * Sets or gets the text value for the cell.
     */
     get textValue() {
-        return this.i.n3;
+        return this.i.ob;
     }
     set textValue(v) {
-        this.i.n3 = v;
+        this.i.ob = v;
     }
 }

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

@@ -66,38 +66,38 @@ let IgcTextColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.rw;
+            return this.i.r7;
         }
         set editorType(v) {
-            this.i.rw = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.rw));
+            this.i.r7 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.r7));
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.rx;
+            return this.i.r8;
         }
         set editorDataSource(v) {
-            this.i.rx = v;
+            this.i.r8 = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.rz;
+            return this.i.sa;
         }
         set editorTextField(v) {
-            this.i.rz = v;
+            this.i.sa = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.r0;
+            return this.i.sb;
         }
         set editorValueField(v) {
-            this.i.r0 = v;
+            this.i.sb = v;
         }
     }
     IgcTextColumnComponent._observedAttributesIgcTextColumnComponent = null;

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

@@ -26,151 +26,151 @@ export class IgcTextHeaderCellInfo extends IgcTextCellInfo {
      * Sets or gets whether the filter UI should be visible in the header.
     */
     get isColumnOptionsEnabled() {
-        return this.i.oi;
+        return this.i.oq;
     }
     set isColumnOptionsEnabled(v) {
-        this.i.oi = ensureBool(v);
+        this.i.oq = ensureBool(v);
     }
     get sortIndicatorStyle() {
-        return this.i.oa;
+        return this.i.oi;
     }
     set sortIndicatorStyle(v) {
-        this.i.oa = ensureEnum(SortIndicatorStyle_$type, v);
+        this.i.oi = ensureEnum(SortIndicatorStyle_$type, v);
     }
     /**
      * Gets or sets the alignment of the column options icon within the header cell.
     */
     get columnOptionsIconAlignment() {
-        return this.i.n6;
+        return this.i.oe;
     }
     set columnOptionsIconAlignment(v) {
-        this.i.n6 = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+        this.i.oe = ensureEnum(ColumnOptionsIconAlignment_$type, v);
     }
     /**
      * Gets or sets the color for the column options icon in the header.
     */
     get columnOptionsIconColor() {
-        return brushToString(this.i.p1);
+        return brushToString(this.i.p9);
     }
     set columnOptionsIconColor(v) {
-        this.i.p1 = stringToBrush(v);
+        this.i.p9 = stringToBrush(v);
     }
     /**
      * Gets or sets how the column option icon will behave in the header.
     */
     get columnOptionsIconBehavior() {
-        return this.i.n8;
+        return this.i.og;
     }
     set columnOptionsIconBehavior(v) {
-        this.i.n8 = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+        this.i.og = ensureEnum(ColumnOptionsIconBehavior_$type, v);
     }
     /**
      * Gets or sets the column options theme.
     */
     get columnOptionsTheme() {
-        return this.i.oc;
+        return this.i.ok;
     }
     set columnOptionsTheme(v) {
-        this.i.oc = ensureEnum(BaseControlTheme_$type, v);
+        this.i.ok = ensureEnum(BaseControlTheme_$type, v);
     }
     /**
      * Gets or sets the column options dropdown background color.
     */
     get columnOptionsBackground() {
-        return brushToString(this.i.pw);
+        return brushToString(this.i.p4);
     }
     set columnOptionsBackground(v) {
-        this.i.pw = stringToBrush(v);
+        this.i.p4 = stringToBrush(v);
     }
     /**
      * Gets or sets the text color for text inside the column options menu.
     */
     get columnOptionsTextColor() {
-        return brushToString(this.i.p3);
+        return brushToString(this.i.qb);
     }
     set columnOptionsTextColor(v) {
-        this.i.p3 = stringToBrush(v);
+        this.i.qb = stringToBrush(v);
     }
     /**
      * Gets or sets the font settings for text inside the column options menu.
     */
     get columnOptionsTextStyle() {
-        if (this.i.og == null) {
+        if (this.i.oo == null) {
             return null;
         }
-        return this.i.og.fontString;
+        return this.i.oo.fontString;
     }
     set columnOptionsTextStyle(v) {
         let fi = new FontInfo();
         fi.fontString = v;
-        this.i.og = fi;
+        this.i.oo = fi;
     }
     get columnOptionsHoverBackgroundColor() {
-        return brushToString(this.i.p0);
+        return brushToString(this.i.p8);
     }
     set columnOptionsHoverBackgroundColor(v) {
-        this.i.p0 = stringToBrush(v);
+        this.i.p8 = stringToBrush(v);
     }
     get columnOptionsToolTipBackgroundColor() {
-        return brushToString(this.i.p4);
+        return brushToString(this.i.qc);
     }
     set columnOptionsToolTipBackgroundColor(v) {
-        this.i.p4 = stringToBrush(v);
+        this.i.qc = stringToBrush(v);
     }
     get columnOptionsHighlightColor() {
-        return brushToString(this.i.pz);
+        return brushToString(this.i.p7);
     }
     set columnOptionsHighlightColor(v) {
-        this.i.pz = stringToBrush(v);
+        this.i.p7 = stringToBrush(v);
     }
     /**
      * Gets or sets the color of separators inside the column options menu.
     */
     get columnOptionsSeparatorColor() {
-        return brushToString(this.i.p2);
+        return brushToString(this.i.qa);
     }
     set columnOptionsSeparatorColor(v) {
-        this.i.p2 = stringToBrush(v);
+        this.i.qa = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for group headers inside the column options menu.
     */
     get columnOptionsGroupHeaderBackground() {
-        return brushToString(this.i.px);
+        return brushToString(this.i.p5);
     }
     set columnOptionsGroupHeaderBackground(v) {
-        this.i.px = stringToBrush(v);
+        this.i.p5 = stringToBrush(v);
     }
     /**
      * Gets or sets the text color for group headers inside the column options menu.
     */
     get columnOptionsGroupHeaderTextColor() {
-        return brushToString(this.i.py);
+        return brushToString(this.i.p6);
     }
     set columnOptionsGroupHeaderTextColor(v) {
-        this.i.py = stringToBrush(v);
+        this.i.p6 = stringToBrush(v);
     }
     get columnOptionsGroupHeaderTextStyle() {
-        if (this.i.of == null) {
+        if (this.i.on == null) {
             return null;
         }
-        return this.i.of.fontString;
+        return this.i.on.fontString;
     }
     set columnOptionsGroupHeaderTextStyle(v) {
         let fi = new FontInfo();
         fi.fontString = v;
-        this.i.of = fi;
+        this.i.on = fi;
     }
     get columnOptionsAccentColor() {
-        return brushToString(this.i.pv);
+        return brushToString(this.i.p3);
     }
     set columnOptionsAccentColor(v) {
-        this.i.pv = stringToBrush(v);
+        this.i.p3 = stringToBrush(v);
     }
     get columnOptionsRowHeight() {
-        return this.i.ou;
+        return this.i.o2;
     }
     set columnOptionsRowHeight(v) {
-        this.i.ou = +v;
+        this.i.o2 = +v;
     }
 }

package/esm5/lib/CanvasCellPresenterBase.js

@@ -29,18 +29,18 @@ export var CanvasCellPresenterBase = /** @class */ /*@__PURE__*/ (function (_sup
             this.a.cn(a.ez, a.e3, a.e1, a.ex);
         }
         if (a.a5) {
-            this.a.ch(a.ne, a.en, a.es, a.eq, a.el);
+            this.a.ch(a.nk, a.en, a.es, a.eq, a.el);
         }
         if (a.bs) {
-            this.a.ck(a.f9);
-            this.a.cu(a.h6);
+            this.a.ck(a.ga);
+            this.a.cu(a.h8);
         }
         if (a.a7) {
             if (a.bm && !this.a.z) {
                 this.a.b5();
             }
             if (a.bc(CellModel.ek)) {
-                this.a.cg(a.nd.color);
+                this.a.cg(a.nj.color);
             }
             if (a.bc(CellModel.ew)) {
                 this.a.cm(a.cq);

package/esm5/lib/CanvasContentCellModelHelper.js

@@ -25,7 +25,7 @@ export var CanvasContentCellModelHelper = /** @class */ /*@__PURE__*/ (function
     };
     CanvasContentCellModelHelper.a = function (a, b, c) {
         if (b.a7) {
-            if (b.bc(CellModel.fp) || b.bc(CellModel.eu) || b.bc(CellModel.h5) || b.bb("IsRowPinned") || b.bb("IsRowSticky") || b.bb("PinnedRowOpacity")) {
+            if (b.bc(CellModel.fp) || b.bc(CellModel.eu) || b.bc(CellModel.h7) || b.bb("IsRowPinned") || b.bb("IsRowSticky") || b.bb("PinnedRowOpacity")) {
                 var d = Math.min(1, Math.max(0, b.c7));
                 var e = b.cp * (1 - d);
                 c.ci(e);
@@ -34,14 +34,14 @@ export var CanvasContentCellModelHelper = /** @class */ /*@__PURE__*/ (function
                 }
             }
             if (b.bc(CellModel.e5)) {
-                CanvasContentCellModelHelper.c(c, b.nf);
+                CanvasContentCellModelHelper.c(c, b.nl);
                 if (b.bm) {
-                    c.cw(b.nf);
+                    c.cw(b.nl);
                 }
             }
-            if (b.bc(CellModel.gv)) {
+            if (b.bc(CellModel.gw)) {
             }
-            if (b.bc(CellModel.gb) || b.bc(CellModel.h4)) {
+            if (b.bc(CellModel.gc) || b.bc(CellModel.h6)) {
                 var f = b.g;
                 var g = b.i;
                 c.cl(f);

package/esm5/lib/CanvasDateTimeCellPresenter.js

@@ -29,22 +29,22 @@ export var CanvasDateTimeCellPresenter = /** @class */ /*@__PURE__*/ (function (
         _super.prototype.b.call(this, a);
         var b = a;
         if (a.a7) {
-            if (a.bc(DateTimeCellModel.od) || a.bc(DateTimeCellModel.oe) || a.bc(DateTimeCellModel.oc) || a.bc(DateTimeCellModel.gy) || a.bc(DateTimeCellModel.h3)) {
+            if (a.bc(DateTimeCellModel.ol) || a.bc(DateTimeCellModel.om) || a.bc(DateTimeCellModel.ok) || a.bc(DateTimeCellModel.gz) || a.bc(DateTimeCellModel.h5)) {
                 this.e(b);
-                this.d.cr(b.ky);
+                this.d.cr(b.k1);
             }
             CanvasContentCellModelHelper.a(this.a.bq, b, this.a);
         }
     };
     CanvasDateTimeCellPresenter.prototype.e = function (a) {
-        if (a.lu != null) {
-            a.ky = a.lu;
+        if (a.ly != null) {
+            a.k1 = a.ly;
             return;
         }
-        a.ky = a.op(a.ob);
-        if (a.ky == stringEmpty()) {
-            if (!(typeCast(Date_$type, a.ig) !== null)) {
-                a.ky = a.ig.toString();
+        a.k1 = a.ox(a.oj);
+        if (a.k1 == stringEmpty()) {
+            if (!(typeCast(Date_$type, a.ii) !== null)) {
+                a.k1 = a.ii.toString();
             }
         }
     };

package/esm5/lib/CanvasGridCellBase.js

@@ -631,8 +631,8 @@ export var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a1 != b) {
             this.a1 = b;
         }
-        var c = a.h6 * 0.2;
-        var d = a.f9 * 0.6;
+        var c = a.h8 * 0.2;
+        var d = a.ga * 0.6;
         if (this.a2 >= c && this.a2 <= d) {
             return;
         }