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

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.
@@ -7033,9 +7033,6 @@ let GridConditionalStyleProperty = /*@__PURE__*/ (() => {
7033
7033
  return this.q;
7034
7034
  }
7035
7035
  bi(a) {
7036
- if (a == Number_$type) {
7037
- return this.bc;
7038
- }
7039
7036
  if (a == Number_$type) {
7040
7037
  return this.a7;
7041
7038
  }
@@ -64604,6 +64601,11 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
64604
64601
  this._grid.dragger.onAttachedToUI();
64605
64602
  }
64606
64603
  }
64604
+ this.addEventListener("mousedown", this.onMouseEvent);
64605
+ this.addEventListener("mouseup", this.onMouseEvent);
64606
+ this.addEventListener("mouseenter", this.onMouseEvent);
64607
+ this.addEventListener("mouseleave", this.onMouseEvent);
64608
+ this.addEventListener("mousemove", this.onMouseEvent);
64607
64609
  return;
64608
64610
  }
64609
64611
  this.classList.add("ig-data-grid");
@@ -69636,31 +69638,31 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69636
69638
  this.d = false;
69637
69639
  this.j = null;
69638
69640
  }
69639
- q() {
69641
+ r() {
69640
69642
  }
69641
- p(a) {
69643
+ q(a) {
69642
69644
  if (a == null) {
69643
69645
  this.i = null;
69644
69646
  this.e.clear();
69645
69647
  return;
69646
69648
  }
69647
69649
  this.i = a;
69648
- this.aa();
69649
- this.aj();
69650
- this.am();
69651
- this.x();
69650
+ this.ab();
69651
+ this.ak();
69652
+ this.an();
69653
+ this.y();
69652
69654
  let b = Math.round(a.rootWrapper.width());
69653
69655
  let c = Math.round(a.rootWrapper.height());
69654
69656
  this.i.rootWrapper.setStyleProperty("position", "relative");
69655
69657
  this.i.rootWrapper.setStyleProperty("padding-bottom", "4px");
69656
- this.al();
69658
+ this.am();
69657
69659
  }
69658
- aa() {
69660
+ ab() {
69659
69661
  if (this.i != null) {
69660
- this.ab(this.i);
69662
+ this.ac(this.i);
69661
69663
  }
69662
69664
  }
69663
- ab(a) {
69665
+ ac(a) {
69664
69666
  let b = a.rootWrapper.getChildAt(0);
69665
69667
  this.k = b;
69666
69668
  this.b.w = new XInputGroup();
@@ -69699,7 +69701,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69699
69701
  this.b.w.inputs.add(this.b.u);
69700
69702
  this.b.dt();
69701
69703
  }
69702
- x() {
69704
+ y() {
69703
69705
  if (this.i != null) {
69704
69706
  let a = this.i.rootWrapper.getChildAt(3);
69705
69707
  a.setStyleProperty("width", "100%");
@@ -69713,7 +69715,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69713
69715
  }
69714
69716
  }
69715
69717
  }
69716
- r(a, b, c) {
69718
+ s(a, b, c) {
69717
69719
  let d = null;
69718
69720
  if (a.getChildCount() == 0) {
69719
69721
  d = new XCheckbox();
@@ -69778,7 +69780,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69778
69780
  d.dm = this.b.e2;
69779
69781
  }
69780
69782
  }
69781
- s(a, b, c, d, e, f, g, h, i, j, k) {
69783
+ t(a, b, c, d, e, f, g, h, i, j, k) {
69782
69784
  let l = null;
69783
69785
  let m = null;
69784
69786
  let n = null;
@@ -69933,7 +69935,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69933
69935
  }
69934
69936
  }
69935
69937
  }
69936
- ae() {
69938
+ af() {
69937
69939
  if (this.e != null) {
69938
69940
  for (let a of fromEnum(this.e)) {
69939
69941
  let b = a.value;
@@ -69944,7 +69946,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69944
69946
  this.a.n = this.b.baseTheme;
69945
69947
  }
69946
69948
  }
69947
- ac() {
69949
+ ad() {
69948
69950
  }
69949
69951
  n(a, b) {
69950
69952
  let c = a;
@@ -69967,11 +69969,11 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69967
69969
  }
69968
69970
  }
69969
69971
  this.b.dp(d, e);
69970
- this.al(false);
69972
+ this.am(false);
69971
69973
  }
69972
- o() {
69974
+ p() {
69973
69975
  }
69974
- y(a, b) {
69976
+ z(a, b) {
69975
69977
  for (let c of fromEnum(this.e)) {
69976
69978
  let d = c.value;
69977
69979
  let e = parseInt(d.a4.toString());
@@ -69980,21 +69982,21 @@ let CheckboxListView = /*@__PURE__*/ (() => {
69980
69982
  this.b.dp(e, b);
69981
69983
  }
69982
69984
  }
69983
- this.al();
69985
+ this.am();
69984
69986
  }
69985
- z(a) {
69987
+ aa(a) {
69986
69988
  for (let b of fromEnum(this.e)) {
69987
69989
  let c = b.value;
69988
69990
  c.checked = a;
69989
69991
  }
69990
69992
  }
69991
- u(a) {
69993
+ v(a) {
69992
69994
  this.m = a;
69993
69995
  if (null != this.m) {
69994
69996
  this.m.setStyleProperty("margin", "5px 0px 4px 0px");
69995
69997
  }
69996
69998
  }
69997
- am() {
69999
+ an() {
69998
70000
  let a = this.i;
69999
70001
  if (null == a || null == this.m) {
70000
70002
  return;
@@ -70014,25 +70016,25 @@ let CheckboxListView = /*@__PURE__*/ (() => {
70014
70016
  this.m.setStyleProperty("align-items", "center");
70015
70017
  this.m.append(b);
70016
70018
  this.m.append(this.l);
70017
- this.an();
70018
- this.ak();
70019
+ this.ao();
70020
+ this.al();
70019
70021
  let e = this.a;
70020
- e.change = delegateCombine(e.change, runOn(this, this.w));
70022
+ e.change = delegateCombine(e.change, runOn(this, this.x));
70021
70023
  this.a.y = true;
70022
70024
  }
70023
- ak() {
70025
+ al() {
70024
70026
  if (null != this.l) {
70025
70027
  this.l.setRawText(this.b.cs);
70026
70028
  NativeUI.q(this.l, this.b.ew);
70027
70029
  }
70028
70030
  }
70029
- an() {
70031
+ ao() {
70030
70032
  if (null != this.l) {
70031
70033
  let a = this.b.showSelectAll ? "flex" : "none";
70032
70034
  this.m.setStyleProperty("display", a);
70033
70035
  }
70034
70036
  }
70035
- aj() {
70037
+ ak() {
70036
70038
  if (this.k != null) {
70037
70039
  this.k.setStyleProperty("display", this.b.a6 ? "block" : "none");
70038
70040
  }
@@ -70040,7 +70042,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
70040
70042
  this.j.setStyleProperty("display", this.b.a6 ? "block" : "none");
70041
70043
  }
70042
70044
  }
70043
- al(a = true) {
70045
+ am(a = true) {
70044
70046
  if (this.a == null) {
70045
70047
  return;
70046
70048
  }
@@ -70066,7 +70068,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
70066
70068
  this.d = b;
70067
70069
  }
70068
70070
  }
70069
- w(a, b) {
70071
+ x(a, b) {
70070
70072
  if (this.d || b.isIndeterminate) {
70071
70073
  return;
70072
70074
  }
@@ -70079,7 +70081,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
70079
70081
  this.b.dy(b.isChecked);
70080
70082
  }
70081
70083
  }
70082
- ai() {
70084
+ aj() {
70083
70085
  let a = this.i;
70084
70086
  if (null == a) {
70085
70087
  return;
@@ -70090,12 +70092,12 @@ let CheckboxListView = /*@__PURE__*/ (() => {
70090
70092
  NativeUI.m(b, this.b.backgroundColor);
70091
70093
  }
70092
70094
  }
70093
- ag() {
70095
+ ah() {
70094
70096
  if (this.c != null) {
70095
70097
  this.c.fill = this.b.searchIconColor;
70096
70098
  }
70097
70099
  }
70098
- ah() {
70100
+ ai() {
70099
70101
  if (this.b.am != null) {
70100
70102
  this.l.setStyleProperty("font", this.b.am.fontString);
70101
70103
  }
@@ -70104,7 +70106,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
70104
70106
  this.l.setStyleProperty("font-size", 13 + "px");
70105
70107
  }
70106
70108
  }
70107
- ad() {
70109
+ ae() {
70108
70110
  if (this.a == null) {
70109
70111
  return;
70110
70112
  }
@@ -70114,20 +70116,26 @@ let CheckboxListView = /*@__PURE__*/ (() => {
70114
70116
  this.a.de = this.b.ez;
70115
70117
  this.a.dm = this.b.e2;
70116
70118
  }
70117
- af(a) {
70119
+ ag(a) {
70118
70120
  if (this.j != null) {
70119
70121
  NativeUI.w(this.j, a);
70120
70122
  }
70121
70123
  }
70122
- t(a) {
70124
+ u(a) {
70123
70125
  this.j = a;
70124
70126
  }
70125
- v() {
70127
+ w() {
70126
70128
  for (let a of fromEnum(this.f)) {
70127
70129
  a.value.df = null;
70128
70130
  a.value.bf = null;
70129
70131
  }
70130
70132
  }
70133
+ o() {
70134
+ this.e.clear();
70135
+ this.f.clear();
70136
+ this.g.clear();
70137
+ this.h.clear();
70138
+ }
70131
70139
  }
70132
70140
  CheckboxListView.$t = /*@__PURE__*/ markType(CheckboxListView, 'CheckboxListView');
70133
70141
  return CheckboxListView;
@@ -70255,7 +70263,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70255
70263
  let b = new CheckboxListView();
70256
70264
  b.b = this;
70257
70265
  this.view = b;
70258
- this.view.q();
70266
+ this.view.r();
70259
70267
  }
70260
70268
  clearSelectedKeys() {
70261
70269
  this.keys.clear();
@@ -70302,7 +70310,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70302
70310
  }
70303
70311
  break;
70304
70312
  case 4:
70305
- this.view.z(this.indexType == 0);
70313
+ this.view.aa(this.indexType == 0);
70306
70314
  for (let g = 0; g < this.keys.ae.count; g++) {
70307
70315
  this.du(this.keys.ae._inner[g]);
70308
70316
  }
@@ -70312,7 +70320,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70312
70320
  du(a) {
70313
70321
  let b = this.e.indexOfKey(a.value);
70314
70322
  if (b >= 0) {
70315
- this.view.y(b, this.indexType == 1);
70323
+ this.view.z(b, this.indexType == 1);
70316
70324
  }
70317
70325
  if (this.selectedKeyAdded == null) {
70318
70326
  return;
@@ -70328,7 +70336,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70328
70336
  dv(a) {
70329
70337
  let b = this.e.indexOfKey(a.value);
70330
70338
  if (b >= 0) {
70331
- this.view.y(b, this.indexType == 0);
70339
+ this.view.z(b, this.indexType == 0);
70332
70340
  }
70333
70341
  if (this.selectedKeyRemoved == null) {
70334
70342
  return;
@@ -70360,7 +70368,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70360
70368
  }
70361
70369
  }
70362
70370
  notifySizeChanged() {
70363
- this.view.o();
70371
+ this.view.p();
70364
70372
  }
70365
70373
  onAttachedToUI() {
70366
70374
  this.at = false;
@@ -70435,6 +70443,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70435
70443
  this.f.defaultColumnMinWidth = NaN;
70436
70444
  this.f.autoGenerateColumns = false;
70437
70445
  this.f.activationMode = 0;
70446
+ this.f.selectionMode = 0;
70438
70447
  this.f.editMode = 0;
70439
70448
  let e = this.f;
70440
70449
  e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dc));
@@ -70448,17 +70457,17 @@ let CheckboxList = /*@__PURE__*/ (() => {
70448
70457
  this.ed();
70449
70458
  }
70450
70459
  }
70451
- this.view.u(c);
70460
+ this.view.v(c);
70452
70461
  if (this.ax) {
70453
70462
  this.ef();
70454
70463
  }
70455
- this.view.p(a);
70464
+ this.view.q(a);
70456
70465
  }
70457
70466
  dd(a, b) {
70458
70467
  this.f.scrollbarStyle = this.ab;
70459
70468
  }
70460
70469
  provideSelectAllSection(a) {
70461
- this.view.u(a);
70470
+ this.view.v(a);
70462
70471
  }
70463
70472
  dc(a, b) {
70464
70473
  if (!this.ax && b.cellInfo.l.a5 == 0 || this.ax && b.cellInfo.l.a5 == 1) {
@@ -70517,7 +70526,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70517
70526
  d = true;
70518
70527
  }
70519
70528
  }
70520
- this.view.r(b.content.element, c, d);
70529
+ this.view.s(b.content.element, c, d);
70521
70530
  }
70522
70531
  ee(a, b) {
70523
70532
  let c = b.cellInfo.l.x;
@@ -70547,7 +70556,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70547
70556
  }
70548
70557
  }
70549
70558
  }
70550
- this.view.s(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
70559
+ this.view.t(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
70551
70560
  }
70552
70561
  dr(a) {
70553
70562
  if (this.bm != null) {
@@ -70865,7 +70874,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70865
70874
  if (this.keysCleared != null) {
70866
70875
  this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
70867
70876
  }
70868
- this.view.al();
70877
+ this.view.am();
70869
70878
  this.ds(b, c);
70870
70879
  break;
70871
70880
  case "ItemsSource":
@@ -70890,7 +70899,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70890
70899
  this.ar = true;
70891
70900
  this.dz();
70892
70901
  this.ar = false;
70893
- this.view.al();
70902
+ this.view.am();
70894
70903
  }
70895
70904
  break;
70896
70905
  case "DataMemberPath":
@@ -70914,15 +70923,15 @@ let CheckboxList = /*@__PURE__*/ (() => {
70914
70923
  break;
70915
70924
  case "SelectAllCaption":
70916
70925
  case "ActualSelectAllCaptionTextColor":
70917
- this.view.ak();
70926
+ this.view.al();
70918
70927
  break;
70919
70928
  case "showSelectAll":
70920
- this.view.an();
70921
- this.view.x();
70929
+ this.view.ao();
70930
+ this.view.y();
70922
70931
  break;
70923
70932
  case "ShowFilter":
70924
- this.view.aj();
70925
- this.view.x();
70933
+ this.view.ak();
70934
+ this.view.y();
70926
70935
  break;
70927
70936
  case "FilterPlaceholderText":
70928
70937
  if (this.t != null) {
@@ -70943,7 +70952,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70943
70952
  if (this.f != null) {
70944
70953
  this.f.cellTextStyle = this.am;
70945
70954
  }
70946
- this.view.ah();
70955
+ this.view.ai();
70947
70956
  break;
70948
70957
  case "BackgroundColor":
70949
70958
  case "TextColor":
@@ -70955,7 +70964,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70955
70964
  f.cellSelectedBackground = this.backgroundColor;
70956
70965
  f.rowHoverBackground = this.rowHoverBackgroundColor;
70957
70966
  }
70958
- this.view.ai();
70967
+ this.view.aj();
70959
70968
  break;
70960
70969
  case "BaseTheme":
70961
70970
  this.ec();
@@ -70979,7 +70988,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
70979
70988
  }
70980
70989
  break;
70981
70990
  case "SearchIconColor":
70982
- this.view.ag();
70991
+ this.view.ah();
70983
70992
  break;
70984
70993
  case "SearchBackgroundColor":
70985
70994
  this.w.mc = this.e8;
@@ -71001,7 +71010,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
71001
71010
  case "CheckboxCheckedBorderColor":
71002
71011
  case "CheckboxUncheckedBorderColor":
71003
71012
  case "CheckboxCornerRadius":
71004
- this.view.ad();
71013
+ this.view.ae();
71005
71014
  if (this.f != null) {
71006
71015
  this.f.xx();
71007
71016
  }
@@ -71053,7 +71062,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
71053
71062
  if (this.v != null) {
71054
71063
  this.v.t = this.density;
71055
71064
  }
71056
- this.view.ac();
71065
+ this.view.ad();
71057
71066
  }
71058
71067
  ec() {
71059
71068
  if (this.v != null) {
@@ -71068,7 +71077,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
71068
71077
  this.f.cellSelectedBackground = this.backgroundColor;
71069
71078
  this.f.rowHoverBackground = this.rowHoverBackgroundColor;
71070
71079
  }
71071
- this.view.ae();
71080
+ this.view.af();
71072
71081
  }
71073
71082
  dx(a, b) {
71074
71083
  this.ar = true;
@@ -71078,7 +71087,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
71078
71087
  for (let c = 0; c < this.keys.count; c++) {
71079
71088
  this.du(this.keys._inner[c]);
71080
71089
  }
71081
- this.view.al();
71090
+ this.view.am();
71082
71091
  }
71083
71092
  this.ar = false;
71084
71093
  }
@@ -71123,7 +71132,8 @@ let CheckboxList = /*@__PURE__*/ (() => {
71123
71132
  }
71124
71133
  }
71125
71134
  ed() {
71126
- this.f.actualColumns.clear();
71135
+ this.view.o();
71136
+ this.f.columns.clear();
71127
71137
  this.f.primaryKey = this.primaryKey;
71128
71138
  this.f.isGroupRowSticky = false;
71129
71139
  this.f.rowHeight = this.bh;
@@ -71200,10 +71210,10 @@ let CheckboxList = /*@__PURE__*/ (() => {
71200
71210
  this.f.columns.add(f);
71201
71211
  }
71202
71212
  updateHrMargin(a) {
71203
- this.view.af(a);
71213
+ this.view.ag(a);
71204
71214
  }
71205
71215
  provideHrElement(a) {
71206
- this.view.t(a);
71216
+ this.view.u(a);
71207
71217
  }
71208
71218
  dt() {
71209
71219
  if (!this.ay) {
@@ -71297,7 +71307,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
71297
71307
  }
71298
71308
  if (this.f != null) {
71299
71309
  this.au = true;
71300
- this.view.v();
71310
+ this.view.w();
71301
71311
  this.f.refresh();
71302
71312
  this.au = false;
71303
71313
  }