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

package/esm2015/lib/igc-data-grid-component.js

@@ -2029,6 +2029,16 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.sectionHeaderTextColor = stringToBrush(v);
             this._a("sectionHeaderTextColor", brushToString(this.i.sectionHeaderTextColor));
         }
+        /**
+         * Gets or sets the color to use for the expansion indicator icon on section header cells. When unset, the icon defers to the section header text color.
+        */
+        get sectionHeaderExpansionIndicatorIconColor() {
+            return brushToString(this.i.sectionHeaderExpansionIndicatorIconColor);
+        }
+        set sectionHeaderExpansionIndicatorIconColor(v) {
+            this.i.sectionHeaderExpansionIndicatorIconColor = stringToBrush(v);
+            this._a("sectionHeaderExpansionIndicatorIconColor", brushToString(this.i.sectionHeaderExpansionIndicatorIconColor));
+        }
         /**
          * Gets or sets the font to use for section header cells
         */
@@ -2829,6 +2839,17 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.isGroupExpandedDefault = ensureBool(v);
             this._a("isGroupExpandedDefault", this.i.isGroupExpandedDefault);
         }
+        /**
+         * Gets or sets whether clicking anywhere inside a section header cell toggles the group's expansion state.
+         * When false (the default), only the expansion indicator toggles the group.
+        */
+        get expandCollapseOnSectionHeaderClick() {
+            return this.i.expandCollapseOnSectionHeaderClick;
+        }
+        set expandCollapseOnSectionHeaderClick(v) {
+            this.i.expandCollapseOnSectionHeaderClick = ensureBool(v);
+            this._a("expandCollapseOnSectionHeaderClick", this.i.expandCollapseOnSectionHeaderClick);
+        }
         /**
          * Gets or sets the display mode summaries will use inside groups.
         */
@@ -3227,6 +3248,16 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.columnOptionsToolTipBackgroundColor = stringToBrush(v);
             this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.columnOptionsToolTipBackgroundColor));
         }
+        /**
+         * Gets or sets the tooltip text color inside the column options menu.
+        */
+        get columnOptionsToolTipTextColor() {
+            return brushToString(this.i.columnOptionsToolTipTextColor);
+        }
+        set columnOptionsToolTipTextColor(v) {
+            this.i.columnOptionsToolTipTextColor = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.columnOptionsToolTipTextColor));
+        }
         /**
          * Gets or sets the highlight color inside the column options menu.
         */

package/esm2015/lib/igc-data-grid-filter-dialog-component.js

@@ -174,11 +174,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._a("actualPixelScalingRatio", this.i.ap);
         }
         get iconColor() {
-            return brushToString(this.i.c1);
+            return brushToString(this.i.c4);
         }
         set iconColor(v) {
-            this.i.c1 = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.c1));
+            this.i.c4 = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.c4));
         }
         get viewSize() {
             return this.i.ar;
@@ -191,21 +191,21 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * Gets or sets the column options dropdown background color.
         */
         get columnOptionsBackground() {
-            return brushToString(this.i.ct);
+            return brushToString(this.i.cv);
         }
         set columnOptionsBackground(v) {
-            this.i.ct = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.ct));
+            this.i.cv = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.cv));
         }
         /**
          * Gets or sets the text color for text inside the column options menu.
         */
         get columnOptionsTextColor() {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c1);
         }
         set columnOptionsTextColor(v) {
-            this.i.cz = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.cz));
+            this.i.c1 = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.c1));
         }
         /**
          * Gets or sets the font settings for text inside the column options menu.
@@ -226,61 +226,71 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover background color inside the column options menu.
         */
         get columnOptionsHoverBackgroundColor() {
-            return brushToString(this.i.cx);
+            return brushToString(this.i.cz);
         }
         set columnOptionsHoverBackgroundColor(v) {
-            this.i.cx = stringToBrush(v);
-            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.cx));
+            this.i.cz = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.cz));
         }
         /**
          * Gets or sets the tooltip background color inside the column options menu.
         */
         get columnOptionsToolTipBackgroundColor() {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.c2);
         }
         set columnOptionsToolTipBackgroundColor(v) {
-            this.i.c0 = stringToBrush(v);
-            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.c0));
+            this.i.c2 = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.c2));
+        }
+        /**
+         * Gets or sets the tooltip text color inside the column options menu.
+        */
+        get columnOptionsToolTipTextColor() {
+            return brushToString(this.i.c3);
+        }
+        set columnOptionsToolTipTextColor(v) {
+            this.i.c3 = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.c3));
         }
         /**
          * Gets or sets the highlight color inside the column options menu.
         */
         get columnOptionsHighlightColor() {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.cy);
         }
         set columnOptionsHighlightColor(v) {
-            this.i.cw = stringToBrush(v);
-            this._a("columnOptionsHighlightColor", brushToString(this.i.cw));
+            this.i.cy = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.cy));
         }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
         get columnOptionsSeparatorColor() {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c0);
         }
         set columnOptionsSeparatorColor(v) {
-            this.i.cy = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.cy));
+            this.i.c0 = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.c0));
         }
         /**
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.cu);
+            return brushToString(this.i.cw);
         }
         set columnOptionsGroupHeaderBackground(v) {
-            this.i.cu = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.cu));
+            this.i.cw = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.cw));
         }
         /**
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.cv);
+            return brushToString(this.i.cx);
         }
         set columnOptionsGroupHeaderTextColor(v) {
-            this.i.cv = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cv));
+            this.i.cx = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cx));
         }
         /**
          * Gets or sets the font settings for group header text inside the column options menu.
@@ -298,11 +308,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._a("columnOptionsGroupHeaderTextStyle", this.i.aa != null ? this.i.aa.fontString : "");
         }
         get columnOptionsAccentColor() {
-            return brushToString(this.i.cs);
+            return brushToString(this.i.cu);
         }
         set columnOptionsAccentColor(v) {
-            this.i.cs = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.cs));
+            this.i.cu = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.cu));
         }
         /**
          * Gets or sets the row height for submenus inside the column options menu.
@@ -391,16 +401,16 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         notifySizeChanged(width, height) {
-            this.i.b1(width, height);
+            this.i.b2(width, height);
         }
         notifyCellSizeChanged() {
-            this.i.b0();
+            this.i.b1();
         }
         showIcon() {
-            this.i.ce();
+            this.i.cf();
         }
         hideIcon() {
-            this.i.by();
+            this.i.bz();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();

package/esm2015/lib/igc-date-time-cell-info.js

@@ -22,56 +22,56 @@ export class IgcDateTimeCellInfo extends IgcCellInfo {
      * Sets or gets the DateTime value for the cell.
     */
     get dateTimeValue() {
-        return this.i.of;
+        return this.i.oj;
     }
     set dateTimeValue(v) {
-        this.i.of = v;
+        this.i.oj = v;
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.ow;
+        return this.i.o0;
     }
     set formatStringOverride(v) {
-        this.i.ow = v;
+        this.i.o0 = v;
     }
     get formatSpecifiers() {
-        return this.i.n6;
+        return this.i.oa;
     }
     set formatSpecifiers(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.n6 = v;
+        this.i.oa = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.op;
+        return this.i.ot;
     }
     set formatOverride(v) {
-        this.i.op = v;
+        this.i.ot = v;
     }
     /**
      * Sets or gets the simple DateTimeFormat to use for the cell.
     */
     get dateTimeFormat() {
-        return this.i.ob;
+        return this.i.of;
     }
     set dateTimeFormat(v) {
-        this.i.ob = ensureEnum(DateTimeFormats_$type, v);
+        this.i.of = ensureEnum(DateTimeFormats_$type, v);
     }
     /**
      * Sets or gets whether the value to use is a DateTimeOffset value.
     */
     get isOffsetValue() {
-        return this.i.od;
+        return this.i.oh;
     }
     set isOffsetValue(v) {
-        this.i.od = ensureBool(v);
+        this.i.oh = ensureBool(v);
     }
     findByName(name) {
         var baseResult = super.findByName(name);

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

@@ -67,95 +67,95 @@ let IgcDateTimeColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get dateTimeFormat() {
-            return this.i.r9;
+            return this.i.sj;
         }
         set dateTimeFormat(v) {
-            this.i.r9 = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.r9));
+            this.i.sj = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.sj));
         }
         /**
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get formatString() {
-            return this.i.sr;
+            return this.i.s1;
         }
         set formatString(v) {
-            this.i.sr = v;
+            this.i.s1 = v;
         }
         /**
          * Gets or sets the format string to use when editing dates.
         */
         get editorFormatString() {
-            return this.i.sk;
+            return this.i.su;
         }
         set editorFormatString(v) {
-            this.i.sk = v;
+            this.i.su = v;
         }
         get formatSpecifiers() {
-            return this.i.r5;
+            return this.i.sf;
         }
         set formatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.r5 = v;
+            this.i.sf = v;
         }
         /**
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.sg;
+            return this.i.sq;
         }
         set formatOverride(v) {
-            this.i.sg = v;
+            this.i.sq = v;
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.sc;
+            return this.i.sm;
         }
         set showTodayButton(v) {
-            this.i.sc = ensureBool(v);
-            this._a("showTodayButton", this.i.sc);
+            this.i.sm = ensureBool(v);
+            this._a("showTodayButton", this.i.sm);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.sa;
+            return this.i.sk;
         }
         set editorType(v) {
-            this.i.sa = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.sa));
+            this.i.sk = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.sk));
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.sf;
+            return this.i.sp;
         }
         set editorDataSource(v) {
-            this.i.sf = v;
+            this.i.sp = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.sm;
+            return this.i.sw;
         }
         set editorTextField(v) {
-            this.i.sm = v;
+            this.i.sw = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.sn;
+            return this.i.sx;
         }
         set editorValueField(v) {
-            this.i.sn = v;
+            this.i.sx = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);

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

@@ -23,111 +23,111 @@ export class IgcEditorCellInfo extends IgcCellInfo {
      * Gets whether the editor cell is hidden or not.
     */
     get isHidden() {
-        return this.i.oh;
+        return this.i.ol;
     }
     /**
      * Gets or sets the edit target for this cell.
     */
     get editTarget() {
-        const r = this.i.oa;
+        const r = this.i.oe;
         if (r == null) {
             return null;
         }
         return r.externalObject;
     }
     set editTarget(v) {
-        v == null ? this.i.oa = null : this.i.oa = v.i;
+        v == null ? this.i.oe = null : this.i.oe = v.i;
     }
     /**
      * Gets or sets the data type associated with the cell being edited.
     */
     get dataType() {
-        return this.i.n8;
+        return this.i.oc;
     }
     set dataType(v) {
-        this.i.n8 = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+        this.i.oc = ensureEnum(DataSourceSchemaPropertyType_$type, v);
     }
     /**
      * Gets or sets the error message to display in the editor cell.
     */
     get errorMessage() {
-        return this.i.pd;
+        return this.i.ph;
     }
     set errorMessage(v) {
-        this.i.pd = v;
+        this.i.ph = v;
     }
     /**
      * Gets or sets the user selected value.
     */
     get editValue() {
-        return this.i.o0;
+        return this.i.o4;
     }
     set editValue(v) {
-        this.i.o0 = v;
+        this.i.o4 = v;
     }
     /**
      * Gets or sets the type of editor to use while cell editing.
     */
     get editorType() {
-        return this.i.oc;
+        return this.i.og;
     }
     set editorType(v) {
-        this.i.oc = ensureEnum(EditorType_$type, v);
+        this.i.og = ensureEnum(EditorType_$type, v);
     }
     /**
      * Gets or sets the data source to use for the editor where it makes sense.
     */
     get editorDataSource() {
-        return this.i.oz;
+        return this.i.o3;
     }
     set editorDataSource(v) {
-        this.i.oz = v;
+        this.i.o3 = v;
     }
     /**
      * Gets or sets the editors display member.
     */
     get editorTextField() {
-        return this.i.o8;
+        return this.i.pc;
     }
     set editorTextField(v) {
-        this.i.o8 = v;
+        this.i.pc = v;
     }
     /**
      * Gets or sets the editors value member.
     */
     get editorValueField() {
-        return this.i.n6;
+        return this.i.oa;
     }
     set editorValueField(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.n6 = v;
+        this.i.oa = v;
     }
     get dateFormatString() {
-        return this.i.o5;
+        return this.i.o9;
     }
     set dateFormatString(v) {
-        this.i.o5 = v;
+        this.i.o9 = v;
     }
     get showTodayButton() {
-        return this.i.oi;
+        return this.i.om;
     }
     set showTodayButton(v) {
-        this.i.oi = ensureBool(v);
+        this.i.om = ensureBool(v);
     }
     /**
      * Gets the row index that the editor cell is targeting for edit.
     */
     get targetRow() {
-        return this.i.ox;
+        return this.i.o1;
     }
     /**
      * Gets the column index that the editor cell is targeting for edit.
     */
     get targetColumn() {
-        return this.i.ow;
+        return this.i.o0;
     }
     findByName(name) {
         var baseResult = super.findByName(name);

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

@@ -27,38 +27,38 @@ export class IgcFilterCellInfo extends IgcCellInfo {
      * Gets or sets whether the cell is hit test visible.
     */
     get dataType() {
-        return this.i.oa;
+        return this.i.oe;
     }
     set dataType(v) {
-        this.i.oa = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+        this.i.oe = ensureEnum(DataSourceSchemaPropertyType_$type, v);
     }
     /**
      * Gets or sets the current filter to display in the cell.
     */
     get filter() {
-        return this.i.n8;
+        return this.i.oc;
     }
     set filter(v) {
-        this.i.n8 = v;
+        this.i.oc = v;
     }
     /**
      * Gets or sets the current filter expression applied to the column.
     */
     get filterExpression() {
-        return this.i.oc;
+        return this.i.og;
     }
     set filterExpression(v) {
-        this.i.oc = v;
+        this.i.og = v;
     }
     get filterOperands() {
         if (this._filterOperands === null) {
             let coll = new IgcGridFilterOperandsCollection();
-            let innerColl = this.i.oe;
+            let innerColl = this.i.oi;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
             this._filterOperands = coll._fromInner(innerColl);
-            this.i.oe = innerColl;
+            this.i.oi = innerColl;
         }
         return this._filterOperands;
     }
@@ -70,62 +70,62 @@ export class IgcFilterCellInfo extends IgcCellInfo {
         let coll = new IgcGridFilterOperandsCollection();
         this._filterOperands = coll._fromOuter(v);
         let syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-        let innerColl = this.i.oe;
+        let innerColl = this.i.oi;
         if (!innerColl) {
             innerColl = new GridFilterOperandsCollection_internal();
         }
         syncColl._inner = innerColl;
         syncColl.clear();
         this._filterOperands._setSyncTarget(syncColl);
-        this.i.oe = innerColl;
+        this.i.oi = innerColl;
     }
     get operatorType() {
-        return this.i.n6;
+        return this.i.oa;
     }
     set operatorType(v) {
-        this.i.n6 = v;
+        this.i.oa = v;
     }
     get filterValue() {
-        return this.i.os;
+        return this.i.ow;
     }
     set filterValue(v) {
-        this.i.os = v;
+        this.i.ow = v;
     }
     get selectorTop() {
-        return this.i.om;
+        return this.i.oq;
     }
     set selectorTop(v) {
-        this.i.om = +v;
+        this.i.oq = +v;
     }
     get selectorLeft() {
-        return this.i.ol;
+        return this.i.op;
     }
     set selectorLeft(v) {
-        this.i.ol = +v;
+        this.i.op = +v;
     }
     get editorTop() {
-        return this.i.ok;
+        return this.i.oo;
     }
     set editorTop(v) {
-        this.i.ok = +v;
+        this.i.oo = +v;
     }
     get editorLeft() {
-        return this.i.oj;
+        return this.i.on;
     }
     set editorLeft(v) {
-        this.i.oj = +v;
+        this.i.on = +v;
     }
     get clearIconTop() {
-        return this.i.oi;
+        return this.i.om;
     }
     set clearIconTop(v) {
-        this.i.oi = +v;
+        this.i.om = +v;
     }
     get clearIconLeft() {
-        return this.i.oh;
+        return this.i.ol;
     }
     set clearIconLeft(v) {
-        this.i.oh = +v;
+        this.i.ol = +v;
     }
     findByName(name) {
         var baseResult = super.findByName(name);