igniteui-webcomponents-data-grids 6.0.2-beta.4 → 6.0.2-beta.5

package/fesm5/igniteui-webcomponents-data-grids.js

@@ -7982,9 +7982,6 @@ var GridConditionalStyleProperty = /** @class */ /*@__PURE__*/ (function (_super
         return this.q;
     };
     GridConditionalStyleProperty.prototype.bi = function (a) {
-        if (a == Number_$type) {
-            return this.bc;
-        }
         if (a == Number_$type) {
             return this.a7;
         }
@@ -73241,6 +73238,11 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                     this._grid.dragger.onAttachedToUI();
                 }
             }
+            this.addEventListener("mousedown", this.onMouseEvent);
+            this.addEventListener("mouseup", this.onMouseEvent);
+            this.addEventListener("mouseenter", this.onMouseEvent);
+            this.addEventListener("mouseleave", this.onMouseEvent);
+            this.addEventListener("mousemove", this.onMouseEvent);
             return;
         }
         this.classList.add("ig-data-grid");
@@ -79393,31 +79395,31 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.j = null;
         return _this;
     }
-    CheckboxListView.prototype.q = function () {
+    CheckboxListView.prototype.r = function () {
     };
-    CheckboxListView.prototype.p = function (a) {
+    CheckboxListView.prototype.q = function (a) {
         if (a == null) {
             this.i = null;
             this.e.clear();
             return;
         }
         this.i = a;
-        this.aa();
-        this.aj();
-        this.am();
-        this.x();
+        this.ab();
+        this.ak();
+        this.an();
+        this.y();
         var b = Math.round(a.rootWrapper.width());
         var c = Math.round(a.rootWrapper.height());
         this.i.rootWrapper.setStyleProperty("position", "relative");
         this.i.rootWrapper.setStyleProperty("padding-bottom", "4px");
-        this.al();
+        this.am();
     };
-    CheckboxListView.prototype.aa = function () {
+    CheckboxListView.prototype.ab = function () {
         if (this.i != null) {
-            this.ab(this.i);
+            this.ac(this.i);
         }
     };
-    CheckboxListView.prototype.ab = function (a) {
+    CheckboxListView.prototype.ac = function (a) {
         var b = a.rootWrapper.getChildAt(0);
         this.k = b;
         this.b.w = new XInputGroup();
@@ -79456,7 +79458,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.b.w.inputs.add(this.b.u);
         this.b.dt();
     };
-    CheckboxListView.prototype.x = function () {
+    CheckboxListView.prototype.y = function () {
         if (this.i != null) {
             var a = this.i.rootWrapper.getChildAt(3);
             a.setStyleProperty("width", "100%");
@@ -79470,7 +79472,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxListView.prototype.r = function (a, b, c) {
+    CheckboxListView.prototype.s = function (a, b, c) {
         var d = null;
         if (a.getChildCount() == 0) {
             d = new XCheckbox();
@@ -79535,7 +79537,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             d.dm = this.b.e2;
         }
     };
-    CheckboxListView.prototype.s = function (a, b, c, d, e, f, g, h, i, j, k) {
+    CheckboxListView.prototype.t = function (a, b, c, d, e, f, g, h, i, j, k) {
         var _this = this;
         var l = null;
         var m = null;
@@ -79691,7 +79693,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxListView.prototype.ae = function () {
+    CheckboxListView.prototype.af = function () {
         var e_1, _a;
         if (this.e != null) {
             try {
@@ -79719,7 +79721,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.a.n = this.b.baseTheme;
         }
     };
-    CheckboxListView.prototype.ac = function () {
+    CheckboxListView.prototype.ad = function () {
     };
     CheckboxListView.prototype.n = function (a, b) {
         var c = a;
@@ -79742,11 +79744,11 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         this.b.dp(d, e);
-        this.al(false);
+        this.am(false);
     };
-    CheckboxListView.prototype.o = function () {
+    CheckboxListView.prototype.p = function () {
     };
-    CheckboxListView.prototype.y = function (a, b) {
+    CheckboxListView.prototype.z = function (a, b) {
         var e_2, _a;
         try {
             for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -79772,9 +79774,9 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.al();
+        this.am();
     };
-    CheckboxListView.prototype.z = function (a) {
+    CheckboxListView.prototype.aa = function (a) {
         var e_3, _a;
         try {
             for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -79797,13 +79799,13 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxListView.prototype.u = function (a) {
+    CheckboxListView.prototype.v = function (a) {
         this.m = a;
         if (null != this.m) {
             this.m.setStyleProperty("margin", "5px 0px 4px 0px");
         }
     };
-    CheckboxListView.prototype.am = function () {
+    CheckboxListView.prototype.an = function () {
         var a = this.i;
         if (null == a || null == this.m) {
             return;
@@ -79823,25 +79825,25 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.m.setStyleProperty("align-items", "center");
         this.m.append(b);
         this.m.append(this.l);
-        this.an();
-        this.ak();
+        this.ao();
+        this.al();
         var e = this.a;
-        e.change = delegateCombine(e.change, runOn(this, this.w));
+        e.change = delegateCombine(e.change, runOn(this, this.x));
         this.a.y = true;
     };
-    CheckboxListView.prototype.ak = function () {
+    CheckboxListView.prototype.al = function () {
         if (null != this.l) {
             this.l.setRawText(this.b.cs);
             NativeUI.q(this.l, this.b.ew);
         }
     };
-    CheckboxListView.prototype.an = function () {
+    CheckboxListView.prototype.ao = function () {
         if (null != this.l) {
             var a = this.b.showSelectAll ? "flex" : "none";
             this.m.setStyleProperty("display", a);
         }
     };
-    CheckboxListView.prototype.aj = function () {
+    CheckboxListView.prototype.ak = function () {
         if (this.k != null) {
             this.k.setStyleProperty("display", this.b.a6 ? "block" : "none");
         }
@@ -79849,7 +79851,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.j.setStyleProperty("display", this.b.a6 ? "block" : "none");
         }
     };
-    CheckboxListView.prototype.al = function (a) {
+    CheckboxListView.prototype.am = function (a) {
         if (a === void 0) {
             a = true;
         }
@@ -79878,7 +79880,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d = b;
         }
     };
-    CheckboxListView.prototype.w = function (a, b) {
+    CheckboxListView.prototype.x = function (a, b) {
         if (this.d || b.isIndeterminate) {
             return;
         }
@@ -79891,7 +79893,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.b.dy(b.isChecked);
         }
     };
-    CheckboxListView.prototype.ai = function () {
+    CheckboxListView.prototype.aj = function () {
         var a = this.i;
         if (null == a) {
             return;
@@ -79902,12 +79904,12 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             NativeUI.m(b, this.b.backgroundColor);
         }
     };
-    CheckboxListView.prototype.ag = function () {
+    CheckboxListView.prototype.ah = function () {
         if (this.c != null) {
             this.c.fill = this.b.searchIconColor;
         }
     };
-    CheckboxListView.prototype.ah = function () {
+    CheckboxListView.prototype.ai = function () {
         if (this.b.am != null) {
             this.l.setStyleProperty("font", this.b.am.fontString);
         }
@@ -79916,7 +79918,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.l.setStyleProperty("font-size", 13 + "px");
         }
     };
-    CheckboxListView.prototype.ad = function () {
+    CheckboxListView.prototype.ae = function () {
         if (this.a == null) {
             return;
         }
@@ -79926,15 +79928,15 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.a.de = this.b.ez;
         this.a.dm = this.b.e2;
     };
-    CheckboxListView.prototype.af = function (a) {
+    CheckboxListView.prototype.ag = function (a) {
         if (this.j != null) {
             NativeUI.w(this.j, a);
         }
     };
-    CheckboxListView.prototype.t = function (a) {
+    CheckboxListView.prototype.u = function (a) {
         this.j = a;
     };
-    CheckboxListView.prototype.v = function () {
+    CheckboxListView.prototype.w = function () {
         var e_4, _a;
         try {
             for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -79957,6 +79959,12 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
+    CheckboxListView.prototype.o = function () {
+        this.e.clear();
+        this.f.clear();
+        this.g.clear();
+        this.h.clear();
+    };
     CheckboxListView.$t = markType(CheckboxListView, 'CheckboxListView');
     return CheckboxListView;
 }(Base));
@@ -80039,7 +80047,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = new CheckboxListView();
         b.b = _this;
         _this.view = b;
-        _this.view.q();
+        _this.view.r();
         return _this;
     }
     Object.defineProperty(CheckboxList.prototype, "view", {
@@ -80159,7 +80167,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case 4:
-                this.view.z(this.indexType == 0);
+                this.view.aa(this.indexType == 0);
                 for (var g = 0; g < this.keys.ae.count; g++) {
                     this.du(this.keys.ae._inner[g]);
                 }
@@ -80170,7 +80178,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
-            this.view.y(b, this.indexType == 1);
+            this.view.z(b, this.indexType == 1);
         }
         if (this.selectedKeyAdded == null) {
             return;
@@ -80187,7 +80195,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
-            this.view.y(b, this.indexType == 0);
+            this.view.z(b, this.indexType == 0);
         }
         if (this.selectedKeyRemoved == null) {
             return;
@@ -80219,7 +80227,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxList.prototype.notifySizeChanged = function () {
-        this.view.o();
+        this.view.p();
     };
     CheckboxList.prototype.onAttachedToUI = function () {
         this.at = false;
@@ -80298,6 +80306,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.f.defaultColumnMinWidth = NaN;
             this.f.autoGenerateColumns = false;
             this.f.activationMode = 0;
+            this.f.selectionMode = 0;
             this.f.editMode = 0;
             var e = this.f;
             e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dc));
@@ -80311,17 +80320,17 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.ed();
             }
         }
-        this.view.u(c);
+        this.view.v(c);
         if (this.ax) {
             this.ef();
         }
-        this.view.p(a);
+        this.view.q(a);
     };
     CheckboxList.prototype.dd = function (a, b) {
         this.f.scrollbarStyle = this.ab;
     };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
-        this.view.u(a);
+        this.view.v(a);
     };
     CheckboxList.prototype.dc = function (a, b) {
         if (!this.ax && b.cellInfo.l.a5 == 0 || this.ax && b.cellInfo.l.a5 == 1) {
@@ -80380,7 +80389,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 d = true;
             }
         }
-        this.view.r(b.content.element, c, d);
+        this.view.s(b.content.element, c, d);
     };
     CheckboxList.prototype.ee = function (a, b) {
         var c = b.cellInfo.l.x;
@@ -80410,7 +80419,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        this.view.s(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
+        this.view.t(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
     };
     CheckboxList.prototype.dr = function (a) {
         if (this.bm != null) {
@@ -80840,7 +80849,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (this.keysCleared != null) {
                     this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
                 }
-                this.view.al();
+                this.view.am();
                 this.ds(b, c);
                 break;
             case "ItemsSource":
@@ -80865,7 +80874,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.ar = true;
                     this.dz();
                     this.ar = false;
-                    this.view.al();
+                    this.view.am();
                 }
                 break;
             case "DataMemberPath":
@@ -80889,15 +80898,15 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "SelectAllCaption":
             case "ActualSelectAllCaptionTextColor":
-                this.view.ak();
+                this.view.al();
                 break;
             case "showSelectAll":
-                this.view.an();
-                this.view.x();
+                this.view.ao();
+                this.view.y();
                 break;
             case "ShowFilter":
-                this.view.aj();
-                this.view.x();
+                this.view.ak();
+                this.view.y();
                 break;
             case "FilterPlaceholderText":
                 if (this.t != null) {
@@ -80918,7 +80927,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (this.f != null) {
                     this.f.cellTextStyle = this.am;
                 }
-                this.view.ah();
+                this.view.ai();
                 break;
             case "BackgroundColor":
             case "TextColor":
@@ -80930,7 +80939,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                     f.cellSelectedBackground = this.backgroundColor;
                     f.rowHoverBackground = this.rowHoverBackgroundColor;
                 }
-                this.view.ai();
+                this.view.aj();
                 break;
             case "BaseTheme":
                 this.ec();
@@ -80954,7 +80963,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SearchIconColor":
-                this.view.ag();
+                this.view.ah();
                 break;
             case "SearchBackgroundColor":
                 this.w.mc = this.e8;
@@ -80976,7 +80985,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "CheckboxCheckedBorderColor":
             case "CheckboxUncheckedBorderColor":
             case "CheckboxCornerRadius":
-                this.view.ad();
+                this.view.ae();
                 if (this.f != null) {
                     this.f.xx();
                 }
@@ -81028,7 +81037,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.v != null) {
             this.v.t = this.density;
         }
-        this.view.ac();
+        this.view.ad();
     };
     CheckboxList.prototype.ec = function () {
         if (this.v != null) {
@@ -81043,7 +81052,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.f.cellSelectedBackground = this.backgroundColor;
             this.f.rowHoverBackground = this.rowHoverBackgroundColor;
         }
-        this.view.ae();
+        this.view.af();
     };
     CheckboxList.prototype.dx = function (a, b) {
         this.ar = true;
@@ -81053,7 +81062,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             for (var c = 0; c < this.keys.count; c++) {
                 this.du(this.keys._inner[c]);
             }
-            this.view.al();
+            this.view.am();
         }
         this.ar = false;
     };
@@ -81098,7 +81107,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxList.prototype.ed = function () {
-        this.f.actualColumns.clear();
+        this.view.o();
+        this.f.columns.clear();
         this.f.primaryKey = this.primaryKey;
         this.f.isGroupRowSticky = false;
         this.f.rowHeight = this.bh;
@@ -81175,10 +81185,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.f.columns.add(f);
     };
     CheckboxList.prototype.updateHrMargin = function (a) {
-        this.view.af(a);
+        this.view.ag(a);
     };
     CheckboxList.prototype.provideHrElement = function (a) {
-        this.view.t(a);
+        this.view.u(a);
     };
     CheckboxList.prototype.dt = function () {
         if (!this.ay) {
@@ -81272,7 +81282,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (this.f != null) {
             this.au = true;
-            this.view.v();
+            this.view.w();
             this.f.refresh();
             this.au = false;
         }

package/lib/CheckboxListView_combined.d.ts

@@ -35,36 +35,37 @@ export declare class CheckboxListView extends Base {
     private c;
     constructor();
     b: CheckboxList;
-    q(): void;
+    r(): void;
     i: DomRenderer;
-    p(a: DomRenderer): void;
-    aa(): void;
-    ab(a: DomRenderer): void;
-    x(): void;
-    r(a: DomWrapper, b: any, c: boolean): void;
-    s(a: DomWrapper, b: any, c: string, d: string, e: FontInfo, f: string, g: number, h: any, i: DataTemplate, j: any, k: string): void;
-    ae(): void;
-    ac(): void;
+    q(a: DomRenderer): void;
+    ab(): void;
+    ac(a: DomRenderer): void;
+    y(): void;
+    s(a: DomWrapper, b: any, c: boolean): void;
+    t(a: DomWrapper, b: any, c: string, d: string, e: FontInfo, f: string, g: number, h: any, i: DataTemplate, j: any, k: string): void;
+    af(): void;
+    ad(): void;
     private n;
-    o(): void;
-    y(a: number, b: boolean): void;
-    z(a: boolean): void;
-    u(a: any): void;
-    private am;
+    p(): void;
+    z(a: number, b: boolean): void;
+    aa(a: boolean): void;
+    v(a: any): void;
+    private an;
+    al(): void;
+    ao(): void;
     ak(): void;
-    an(): void;
-    aj(): void;
     private d;
     private j;
-    al(a?: boolean): void;
-    private w;
-    ai(): void;
-    ag(): void;
+    am(a?: boolean): void;
+    private x;
+    aj(): void;
     ah(): void;
-    ad(): void;
-    af(a: Thickness): void;
-    t(a: any): void;
-    v(): void;
+    ai(): void;
+    ae(): void;
+    ag(a: Thickness): void;
+    u(a: any): void;
+    w(): void;
+    o(): void;
 }
 /**
  * @hidden

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents-data-grids",
-  "version": "6.0.2-beta.4",
+  "version": "6.0.2-beta.5",
   "description": "Ignite UI Web Components data grid components.",
   "homepage": "https://github.com/IgniteUI/igniteui-webcomponents-data-grids",
   "keywords": [
@@ -18,9 +18,9 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "igniteui-webcomponents-core": "6.0.2-beta.4",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.4",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.4"
+    "igniteui-webcomponents-core": "6.0.2-beta.5",
+    "igniteui-webcomponents-layouts": "6.0.2-beta.5",
+    "igniteui-webcomponents-inputs": "6.0.2-beta.5"
   },
   "sideEffects": [
     "./grids/combined.js"