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

package/esm2015/lib/igc-checkbox-list-component.js

@@ -399,11 +399,11 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.fm);
+            return brushToString(this.i.fs);
         }
         set searchBackgroundColor(v) {
-            this.i.fm = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.fm));
+            this.i.fs = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.fs));
         }
         /**
          * Gets or sets the search background color.
@@ -464,11 +464,11 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.fc);
+            return brushToString(this.i.fg);
         }
         set checkboxTickColor(v) {
-            this.i.fc = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.fc));
+            this.i.fg = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.fg));
         }
         /**
          * Gets or sets the checkbox background color when checked.
@@ -534,20 +534,40 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.fl);
+            return brushToString(this.i.scrollbarBackground);
         }
         set scrollbarBackground(v) {
-            this.i.fl = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.fl));
+            this.i.scrollbarBackground = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.scrollbarBackground));
+        }
+        /**
+         * Gets or sets the scrollbar thumb background color when the pointer is over it.
+        */
+        get scrollbarHoverBackground() {
+            return brushToString(this.i.scrollbarHoverBackground);
+        }
+        set scrollbarHoverBackground(v) {
+            this.i.scrollbarHoverBackground = stringToBrush(v);
+            this._a("scrollbarHoverBackground", brushToString(this.i.scrollbarHoverBackground));
+        }
+        /**
+         * Gets or sets the scrollbar thumb background color when the user is dragging it.
+        */
+        get scrollbarActiveBackground() {
+            return brushToString(this.i.scrollbarActiveBackground);
+        }
+        set scrollbarActiveBackground(v) {
+            this.i.scrollbarActiveBackground = stringToBrush(v);
+            this._a("scrollbarActiveBackground", brushToString(this.i.scrollbarActiveBackground));
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.c1;
+            return this.i.c3;
         }
         set selectAllCaption(v) {
-            this.i.c1 = v;
+            this.i.c3 = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
@@ -563,11 +583,11 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.e8);
+            return brushToString(this.i.fc);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.e8 = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e8));
+            this.i.fc = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.fc));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -708,17 +728,17 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.el();
+            this.i.en();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.dh();
+            this.i.dj();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.dw(index, oldItem, newItem);
+            this.i.dy(index, oldItem, newItem);
         }
         /**
          * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -726,22 +746,22 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.ds();
+            this.i.du();
         }
         notifyInsertItem(index, newItem) {
-            this.i.dt(index, newItem);
+            this.i.dv(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.dv(index, oldItem);
+            this.i.dx(index, oldItem);
         }
         refresh() {
             this.i.refresh();
         }
         addKeyValue(value) {
-            this.i.dc(value);
+            this.i.de(value);
         }
         removeKeyValue(value) {
-            this.i.ej(value);
+            this.i.el(value);
         }
         getDesiredSize(availableSize) {
             let iv = this.i.getDesiredSize(toSize(availableSize));

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

@@ -65,25 +65,25 @@ let IgcColumnMovingSeparatorComponent = /*@__PURE__*/ (() => {
          * Gets or sets the separator width for this column.
         */
         get separatorWidth() {
-            return this.i.g7;
+            return this.i.g8;
         }
         set separatorWidth(v) {
-            this.i.g7 = +v;
-            this._a("separatorWidth", this.i.g7);
+            this.i.g8 = +v;
+            this._a("separatorWidth", this.i.g8);
         }
         get actualOpacity() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set actualOpacity(v) {
-            this.i.g4 = +v;
-            this._a("actualOpacity", this.i.g4);
+            this.i.g5 = +v;
+            this._a("actualOpacity", this.i.g5);
         }
         get opacity() {
-            return this.i.g5;
+            return this.i.g6;
         }
         set opacity(v) {
-            this.i.g5 = +v;
-            this._a("opacity", this.i.g5);
+            this.i.g6 = +v;
+            this._a("opacity", this.i.g6);
         }
     }
     IgcColumnMovingSeparatorComponent._observedAttributesIgcColumnMovingSeparatorComponent = null;

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

@@ -62,18 +62,18 @@ let IgcColumnResizingSeparatorComponent = /*@__PURE__*/ (() => {
             }
         }
         get actualOpacity() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set actualOpacity(v) {
-            this.i.g4 = +v;
-            this._a("actualOpacity", this.i.g4);
+            this.i.g5 = +v;
+            this._a("actualOpacity", this.i.g5);
         }
         get opacity() {
-            return this.i.g5;
+            return this.i.g6;
         }
         set opacity(v) {
-            this.i.g5 = +v;
-            this._a("opacity", this.i.g5);
+            this.i.g6 = +v;
+            this._a("opacity", this.i.g6);
         }
     }
     IgcColumnResizingSeparatorComponent._observedAttributesIgcColumnResizingSeparatorComponent = null;

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

@@ -65,50 +65,50 @@ let IgcComboBoxColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual data source that is being used by the combo. If a collection was provided for the combobox data, an implicit LocalDataSource is created, and this is available via this property.
         */
         get actualDataSource() {
-            return this.i.sg;
+            return this.i.s2;
         }
         set actualDataSource(v) {
-            this.i.sg = v;
+            this.i.s2 = v;
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get dataSource() {
-            return this.i.sh;
+            return this.i.s3;
         }
         set dataSource(v) {
-            this.i.sh = v;
+            this.i.s3 = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get textField() {
-            return this.i.sl;
+            return this.i.s7;
         }
         set textField(v) {
-            this.i.sl = v;
+            this.i.s7 = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueField() {
-            return this.i.sm;
+            return this.i.s8;
         }
         set valueField(v) {
-            this.i.sm = v;
+            this.i.s8 = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueMultiField() {
-            return this.i.se;
+            return this.i.s0;
         }
         set valueMultiField(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.se = v;
+            this.i.s0 = v;
         }
     }
     IgcComboBoxColumnComponent._observedAttributesIgcComboBoxColumnComponent = null;

package/esm2015/lib/igc-data-binding-event-args.js

@@ -66,6 +66,9 @@ export class IgcDataBindingEventArgs {
                 case "FilterCellModel":
                     extTypeName = "IgcFilterCellInfo";
                     break;
+                case "SummaryCellModel":
+                    extTypeName = "IgcSummaryCellInfo";
+                    break;
             }
             if (extTypeName) {
                 if (TypeRegistrar.isRegistered(extTypeName)) {