igniteui-webcomponents-data-grids 6.0.2-beta.4 → 6.2.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7983,9 +7983,6 @@
7983
7983
  return this.q;
7984
7984
  };
7985
7985
  GridConditionalStyleProperty.prototype.bi = function (a) {
7986
- if (a == igniteuiWebcomponentsCore.Number_$type) {
7987
- return this.bc;
7988
- }
7989
7986
  if (a == igniteuiWebcomponentsCore.Number_$type) {
7990
7987
  return this.a7;
7991
7988
  }
@@ -73242,6 +73239,11 @@
73242
73239
  this._grid.dragger.onAttachedToUI();
73243
73240
  }
73244
73241
  }
73242
+ this.addEventListener("mousedown", this.onMouseEvent);
73243
+ this.addEventListener("mouseup", this.onMouseEvent);
73244
+ this.addEventListener("mouseenter", this.onMouseEvent);
73245
+ this.addEventListener("mouseleave", this.onMouseEvent);
73246
+ this.addEventListener("mousemove", this.onMouseEvent);
73245
73247
  return;
73246
73248
  }
73247
73249
  this.classList.add("ig-data-grid");
@@ -79394,31 +79396,31 @@
79394
79396
  _this.j = null;
79395
79397
  return _this;
79396
79398
  }
79397
- CheckboxListView.prototype.q = function () {
79399
+ CheckboxListView.prototype.r = function () {
79398
79400
  };
79399
- CheckboxListView.prototype.p = function (a) {
79401
+ CheckboxListView.prototype.q = function (a) {
79400
79402
  if (a == null) {
79401
79403
  this.i = null;
79402
79404
  this.e.clear();
79403
79405
  return;
79404
79406
  }
79405
79407
  this.i = a;
79406
- this.aa();
79407
- this.aj();
79408
- this.am();
79409
- this.x();
79408
+ this.ab();
79409
+ this.ak();
79410
+ this.an();
79411
+ this.y();
79410
79412
  var b = Math.round(a.rootWrapper.width());
79411
79413
  var c = Math.round(a.rootWrapper.height());
79412
79414
  this.i.rootWrapper.setStyleProperty("position", "relative");
79413
79415
  this.i.rootWrapper.setStyleProperty("padding-bottom", "4px");
79414
- this.al();
79416
+ this.am();
79415
79417
  };
79416
- CheckboxListView.prototype.aa = function () {
79418
+ CheckboxListView.prototype.ab = function () {
79417
79419
  if (this.i != null) {
79418
- this.ab(this.i);
79420
+ this.ac(this.i);
79419
79421
  }
79420
79422
  };
79421
- CheckboxListView.prototype.ab = function (a) {
79423
+ CheckboxListView.prototype.ac = function (a) {
79422
79424
  var b = a.rootWrapper.getChildAt(0);
79423
79425
  this.k = b;
79424
79426
  this.b.w = new igniteuiWebcomponentsInputs.XInputGroup();
@@ -79457,7 +79459,7 @@
79457
79459
  this.b.w.inputs.add(this.b.u);
79458
79460
  this.b.dt();
79459
79461
  };
79460
- CheckboxListView.prototype.x = function () {
79462
+ CheckboxListView.prototype.y = function () {
79461
79463
  if (this.i != null) {
79462
79464
  var a = this.i.rootWrapper.getChildAt(3);
79463
79465
  a.setStyleProperty("width", "100%");
@@ -79471,7 +79473,7 @@
79471
79473
  }
79472
79474
  }
79473
79475
  };
79474
- CheckboxListView.prototype.r = function (a, b, c) {
79476
+ CheckboxListView.prototype.s = function (a, b, c) {
79475
79477
  var d = null;
79476
79478
  if (a.getChildCount() == 0) {
79477
79479
  d = new igniteuiWebcomponentsInputs.XCheckbox();
@@ -79536,7 +79538,7 @@
79536
79538
  d.dm = this.b.e2;
79537
79539
  }
79538
79540
  };
79539
- CheckboxListView.prototype.s = function (a, b, c, d, e, f, g, h, i, j, k) {
79541
+ CheckboxListView.prototype.t = function (a, b, c, d, e, f, g, h, i, j, k) {
79540
79542
  var _this = this;
79541
79543
  var l = null;
79542
79544
  var m = null;
@@ -79692,7 +79694,7 @@
79692
79694
  }
79693
79695
  }
79694
79696
  };
79695
- CheckboxListView.prototype.ae = function () {
79697
+ CheckboxListView.prototype.af = function () {
79696
79698
  var e_1, _a;
79697
79699
  if (this.e != null) {
79698
79700
  try {
@@ -79720,7 +79722,7 @@
79720
79722
  this.a.n = this.b.baseTheme;
79721
79723
  }
79722
79724
  };
79723
- CheckboxListView.prototype.ac = function () {
79725
+ CheckboxListView.prototype.ad = function () {
79724
79726
  };
79725
79727
  CheckboxListView.prototype.n = function (a, b) {
79726
79728
  var c = a;
@@ -79743,11 +79745,11 @@
79743
79745
  }
79744
79746
  }
79745
79747
  this.b.dp(d, e);
79746
- this.al(false);
79748
+ this.am(false);
79747
79749
  };
79748
- CheckboxListView.prototype.o = function () {
79750
+ CheckboxListView.prototype.p = function () {
79749
79751
  };
79750
- CheckboxListView.prototype.y = function (a, b) {
79752
+ CheckboxListView.prototype.z = function (a, b) {
79751
79753
  var e_2, _a;
79752
79754
  try {
79753
79755
  for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -79773,9 +79775,9 @@
79773
79775
  throw e_2.error;
79774
79776
  }
79775
79777
  }
79776
- this.al();
79778
+ this.am();
79777
79779
  };
79778
- CheckboxListView.prototype.z = function (a) {
79780
+ CheckboxListView.prototype.aa = function (a) {
79779
79781
  var e_3, _a;
79780
79782
  try {
79781
79783
  for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -79798,13 +79800,13 @@
79798
79800
  }
79799
79801
  }
79800
79802
  };
79801
- CheckboxListView.prototype.u = function (a) {
79803
+ CheckboxListView.prototype.v = function (a) {
79802
79804
  this.m = a;
79803
79805
  if (null != this.m) {
79804
79806
  this.m.setStyleProperty("margin", "5px 0px 4px 0px");
79805
79807
  }
79806
79808
  };
79807
- CheckboxListView.prototype.am = function () {
79809
+ CheckboxListView.prototype.an = function () {
79808
79810
  var a = this.i;
79809
79811
  if (null == a || null == this.m) {
79810
79812
  return;
@@ -79824,25 +79826,25 @@
79824
79826
  this.m.setStyleProperty("align-items", "center");
79825
79827
  this.m.append(b);
79826
79828
  this.m.append(this.l);
79827
- this.an();
79828
- this.ak();
79829
+ this.ao();
79830
+ this.al();
79829
79831
  var e = this.a;
79830
- e.change = igniteuiWebcomponentsCore.delegateCombine(e.change, igniteuiWebcomponentsCore.runOn(this, this.w));
79832
+ e.change = igniteuiWebcomponentsCore.delegateCombine(e.change, igniteuiWebcomponentsCore.runOn(this, this.x));
79831
79833
  this.a.y = true;
79832
79834
  };
79833
- CheckboxListView.prototype.ak = function () {
79835
+ CheckboxListView.prototype.al = function () {
79834
79836
  if (null != this.l) {
79835
79837
  this.l.setRawText(this.b.cs);
79836
79838
  igniteuiWebcomponentsCore.NativeUI.q(this.l, this.b.ew);
79837
79839
  }
79838
79840
  };
79839
- CheckboxListView.prototype.an = function () {
79841
+ CheckboxListView.prototype.ao = function () {
79840
79842
  if (null != this.l) {
79841
79843
  var a = this.b.showSelectAll ? "flex" : "none";
79842
79844
  this.m.setStyleProperty("display", a);
79843
79845
  }
79844
79846
  };
79845
- CheckboxListView.prototype.aj = function () {
79847
+ CheckboxListView.prototype.ak = function () {
79846
79848
  if (this.k != null) {
79847
79849
  this.k.setStyleProperty("display", this.b.a6 ? "block" : "none");
79848
79850
  }
@@ -79850,7 +79852,7 @@
79850
79852
  this.j.setStyleProperty("display", this.b.a6 ? "block" : "none");
79851
79853
  }
79852
79854
  };
79853
- CheckboxListView.prototype.al = function (a) {
79855
+ CheckboxListView.prototype.am = function (a) {
79854
79856
  if (a === void 0) {
79855
79857
  a = true;
79856
79858
  }
@@ -79879,7 +79881,7 @@
79879
79881
  this.d = b;
79880
79882
  }
79881
79883
  };
79882
- CheckboxListView.prototype.w = function (a, b) {
79884
+ CheckboxListView.prototype.x = function (a, b) {
79883
79885
  if (this.d || b.isIndeterminate) {
79884
79886
  return;
79885
79887
  }
@@ -79892,7 +79894,7 @@
79892
79894
  this.b.dy(b.isChecked);
79893
79895
  }
79894
79896
  };
79895
- CheckboxListView.prototype.ai = function () {
79897
+ CheckboxListView.prototype.aj = function () {
79896
79898
  var a = this.i;
79897
79899
  if (null == a) {
79898
79900
  return;
@@ -79903,12 +79905,12 @@
79903
79905
  igniteuiWebcomponentsCore.NativeUI.m(b, this.b.backgroundColor);
79904
79906
  }
79905
79907
  };
79906
- CheckboxListView.prototype.ag = function () {
79908
+ CheckboxListView.prototype.ah = function () {
79907
79909
  if (this.c != null) {
79908
79910
  this.c.fill = this.b.searchIconColor;
79909
79911
  }
79910
79912
  };
79911
- CheckboxListView.prototype.ah = function () {
79913
+ CheckboxListView.prototype.ai = function () {
79912
79914
  if (this.b.am != null) {
79913
79915
  this.l.setStyleProperty("font", this.b.am.fontString);
79914
79916
  }
@@ -79917,7 +79919,7 @@
79917
79919
  this.l.setStyleProperty("font-size", 13 + "px");
79918
79920
  }
79919
79921
  };
79920
- CheckboxListView.prototype.ad = function () {
79922
+ CheckboxListView.prototype.ae = function () {
79921
79923
  if (this.a == null) {
79922
79924
  return;
79923
79925
  }
@@ -79927,15 +79929,15 @@
79927
79929
  this.a.de = this.b.ez;
79928
79930
  this.a.dm = this.b.e2;
79929
79931
  };
79930
- CheckboxListView.prototype.af = function (a) {
79932
+ CheckboxListView.prototype.ag = function (a) {
79931
79933
  if (this.j != null) {
79932
79934
  igniteuiWebcomponentsCore.NativeUI.w(this.j, a);
79933
79935
  }
79934
79936
  };
79935
- CheckboxListView.prototype.t = function (a) {
79937
+ CheckboxListView.prototype.u = function (a) {
79936
79938
  this.j = a;
79937
79939
  };
79938
- CheckboxListView.prototype.v = function () {
79940
+ CheckboxListView.prototype.w = function () {
79939
79941
  var e_4, _a;
79940
79942
  try {
79941
79943
  for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -79958,6 +79960,12 @@
79958
79960
  }
79959
79961
  }
79960
79962
  };
79963
+ CheckboxListView.prototype.o = function () {
79964
+ this.e.clear();
79965
+ this.f.clear();
79966
+ this.g.clear();
79967
+ this.h.clear();
79968
+ };
79961
79969
  CheckboxListView.$t = igniteuiWebcomponentsCore.markType(CheckboxListView, 'CheckboxListView');
79962
79970
  return CheckboxListView;
79963
79971
  }(igniteuiWebcomponentsCore.Base));
@@ -80040,7 +80048,7 @@
80040
80048
  var b = new CheckboxListView();
80041
80049
  b.b = _this;
80042
80050
  _this.view = b;
80043
- _this.view.q();
80051
+ _this.view.r();
80044
80052
  return _this;
80045
80053
  }
80046
80054
  Object.defineProperty(CheckboxList.prototype, "view", {
@@ -80160,7 +80168,7 @@
80160
80168
  }
80161
80169
  break;
80162
80170
  case 4:
80163
- this.view.z(this.indexType == 0);
80171
+ this.view.aa(this.indexType == 0);
80164
80172
  for (var g = 0; g < this.keys.ae.count; g++) {
80165
80173
  this.du(this.keys.ae._inner[g]);
80166
80174
  }
@@ -80171,7 +80179,7 @@
80171
80179
  var _this = this;
80172
80180
  var b = this.e.indexOfKey(a.value);
80173
80181
  if (b >= 0) {
80174
- this.view.y(b, this.indexType == 1);
80182
+ this.view.z(b, this.indexType == 1);
80175
80183
  }
80176
80184
  if (this.selectedKeyAdded == null) {
80177
80185
  return;
@@ -80188,7 +80196,7 @@
80188
80196
  var _this = this;
80189
80197
  var b = this.e.indexOfKey(a.value);
80190
80198
  if (b >= 0) {
80191
- this.view.y(b, this.indexType == 0);
80199
+ this.view.z(b, this.indexType == 0);
80192
80200
  }
80193
80201
  if (this.selectedKeyRemoved == null) {
80194
80202
  return;
@@ -80220,7 +80228,7 @@
80220
80228
  }
80221
80229
  };
80222
80230
  CheckboxList.prototype.notifySizeChanged = function () {
80223
- this.view.o();
80231
+ this.view.p();
80224
80232
  };
80225
80233
  CheckboxList.prototype.onAttachedToUI = function () {
80226
80234
  this.at = false;
@@ -80299,6 +80307,7 @@
80299
80307
  this.f.defaultColumnMinWidth = NaN;
80300
80308
  this.f.autoGenerateColumns = false;
80301
80309
  this.f.activationMode = 0;
80310
+ this.f.selectionMode = 0;
80302
80311
  this.f.editMode = 0;
80303
80312
  var e = this.f;
80304
80313
  e.cellClicked = igniteuiWebcomponentsCore.delegateCombine(e.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.dc));
@@ -80312,17 +80321,17 @@
80312
80321
  this.ed();
80313
80322
  }
80314
80323
  }
80315
- this.view.u(c);
80324
+ this.view.v(c);
80316
80325
  if (this.ax) {
80317
80326
  this.ef();
80318
80327
  }
80319
- this.view.p(a);
80328
+ this.view.q(a);
80320
80329
  };
80321
80330
  CheckboxList.prototype.dd = function (a, b) {
80322
80331
  this.f.scrollbarStyle = this.ab;
80323
80332
  };
80324
80333
  CheckboxList.prototype.provideSelectAllSection = function (a) {
80325
- this.view.u(a);
80334
+ this.view.v(a);
80326
80335
  };
80327
80336
  CheckboxList.prototype.dc = function (a, b) {
80328
80337
  if (!this.ax && b.cellInfo.l.a5 == 0 || this.ax && b.cellInfo.l.a5 == 1) {
@@ -80381,7 +80390,7 @@
80381
80390
  d = true;
80382
80391
  }
80383
80392
  }
80384
- this.view.r(b.content.element, c, d);
80393
+ this.view.s(b.content.element, c, d);
80385
80394
  };
80386
80395
  CheckboxList.prototype.ee = function (a, b) {
80387
80396
  var c = b.cellInfo.l.x;
@@ -80411,7 +80420,7 @@
80411
80420
  }
80412
80421
  }
80413
80422
  }
80414
- this.view.s(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
80423
+ this.view.t(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
80415
80424
  };
80416
80425
  CheckboxList.prototype.dr = function (a) {
80417
80426
  if (this.bm != null) {
@@ -80841,7 +80850,7 @@
80841
80850
  if (this.keysCleared != null) {
80842
80851
  this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
80843
80852
  }
80844
- this.view.al();
80853
+ this.view.am();
80845
80854
  this.ds(b, c);
80846
80855
  break;
80847
80856
  case "ItemsSource":
@@ -80866,7 +80875,7 @@
80866
80875
  this.ar = true;
80867
80876
  this.dz();
80868
80877
  this.ar = false;
80869
- this.view.al();
80878
+ this.view.am();
80870
80879
  }
80871
80880
  break;
80872
80881
  case "DataMemberPath":
@@ -80890,15 +80899,15 @@
80890
80899
  break;
80891
80900
  case "SelectAllCaption":
80892
80901
  case "ActualSelectAllCaptionTextColor":
80893
- this.view.ak();
80902
+ this.view.al();
80894
80903
  break;
80895
80904
  case "showSelectAll":
80896
- this.view.an();
80897
- this.view.x();
80905
+ this.view.ao();
80906
+ this.view.y();
80898
80907
  break;
80899
80908
  case "ShowFilter":
80900
- this.view.aj();
80901
- this.view.x();
80909
+ this.view.ak();
80910
+ this.view.y();
80902
80911
  break;
80903
80912
  case "FilterPlaceholderText":
80904
80913
  if (this.t != null) {
@@ -80919,7 +80928,7 @@
80919
80928
  if (this.f != null) {
80920
80929
  this.f.cellTextStyle = this.am;
80921
80930
  }
80922
- this.view.ah();
80931
+ this.view.ai();
80923
80932
  break;
80924
80933
  case "BackgroundColor":
80925
80934
  case "TextColor":
@@ -80931,7 +80940,7 @@
80931
80940
  f.cellSelectedBackground = this.backgroundColor;
80932
80941
  f.rowHoverBackground = this.rowHoverBackgroundColor;
80933
80942
  }
80934
- this.view.ai();
80943
+ this.view.aj();
80935
80944
  break;
80936
80945
  case "BaseTheme":
80937
80946
  this.ec();
@@ -80955,7 +80964,7 @@
80955
80964
  }
80956
80965
  break;
80957
80966
  case "SearchIconColor":
80958
- this.view.ag();
80967
+ this.view.ah();
80959
80968
  break;
80960
80969
  case "SearchBackgroundColor":
80961
80970
  this.w.mc = this.e8;
@@ -80977,7 +80986,7 @@
80977
80986
  case "CheckboxCheckedBorderColor":
80978
80987
  case "CheckboxUncheckedBorderColor":
80979
80988
  case "CheckboxCornerRadius":
80980
- this.view.ad();
80989
+ this.view.ae();
80981
80990
  if (this.f != null) {
80982
80991
  this.f.xx();
80983
80992
  }
@@ -81029,7 +81038,7 @@
81029
81038
  if (this.v != null) {
81030
81039
  this.v.t = this.density;
81031
81040
  }
81032
- this.view.ac();
81041
+ this.view.ad();
81033
81042
  };
81034
81043
  CheckboxList.prototype.ec = function () {
81035
81044
  if (this.v != null) {
@@ -81044,7 +81053,7 @@
81044
81053
  this.f.cellSelectedBackground = this.backgroundColor;
81045
81054
  this.f.rowHoverBackground = this.rowHoverBackgroundColor;
81046
81055
  }
81047
- this.view.ae();
81056
+ this.view.af();
81048
81057
  };
81049
81058
  CheckboxList.prototype.dx = function (a, b) {
81050
81059
  this.ar = true;
@@ -81054,7 +81063,7 @@
81054
81063
  for (var c = 0; c < this.keys.count; c++) {
81055
81064
  this.du(this.keys._inner[c]);
81056
81065
  }
81057
- this.view.al();
81066
+ this.view.am();
81058
81067
  }
81059
81068
  this.ar = false;
81060
81069
  };
@@ -81099,7 +81108,8 @@
81099
81108
  }
81100
81109
  };
81101
81110
  CheckboxList.prototype.ed = function () {
81102
- this.f.actualColumns.clear();
81111
+ this.view.o();
81112
+ this.f.columns.clear();
81103
81113
  this.f.primaryKey = this.primaryKey;
81104
81114
  this.f.isGroupRowSticky = false;
81105
81115
  this.f.rowHeight = this.bh;
@@ -81176,10 +81186,10 @@
81176
81186
  this.f.columns.add(f);
81177
81187
  };
81178
81188
  CheckboxList.prototype.updateHrMargin = function (a) {
81179
- this.view.af(a);
81189
+ this.view.ag(a);
81180
81190
  };
81181
81191
  CheckboxList.prototype.provideHrElement = function (a) {
81182
- this.view.t(a);
81192
+ this.view.u(a);
81183
81193
  };
81184
81194
  CheckboxList.prototype.dt = function () {
81185
81195
  if (!this.ay) {
@@ -81273,7 +81283,7 @@
81273
81283
  }
81274
81284
  if (this.f != null) {
81275
81285
  this.au = true;
81276
- this.view.v();
81286
+ this.view.w();
81277
81287
  this.f.refresh();
81278
81288
  this.au = false;
81279
81289
  }