igniteui-webcomponents-data-grids 7.1.0-alpha.3 → 7.1.0-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.
Files changed (185) hide show
  1. package/bundles/igniteui-webcomponents-data-grids.umd.js +6134 -5858
  2. package/bundles/igniteui-webcomponents-data-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CanvasCellPresenterBase.js +4 -4
  4. package/esm2015/lib/CanvasContentCellModelHelper.js +5 -5
  5. package/esm2015/lib/CanvasDateTimeCellPresenter.js +8 -8
  6. package/esm2015/lib/CanvasGridCellBase.js +2 -2
  7. package/esm2015/lib/CanvasImageCellPresenter.js +7 -7
  8. package/esm2015/lib/CanvasNumericCellPresenter.js +8 -8
  9. package/esm2015/lib/CanvasSectionHeaderCellPresenter.js +9 -9
  10. package/esm2015/lib/CanvasSummaryCellPresenter.js +6 -6
  11. package/esm2015/lib/CanvasTemplateCellPresenter.js +2 -2
  12. package/esm2015/lib/CanvasTemplateHeaderCellPresenter.js +1 -1
  13. package/esm2015/lib/CanvasTextCellPresenter.js +9 -9
  14. package/esm2015/lib/CanvasTextHeaderCellPresenter.js +7 -7
  15. package/esm2015/lib/CellPresenterBase.js +37 -34
  16. package/esm2015/lib/CheckboxListView_combined.js +23 -23
  17. package/esm2015/lib/ColumnChooserView_combined.js +9 -9
  18. package/esm2015/lib/ColumnFilterCondition_combined.js +4143 -3997
  19. package/esm2015/lib/ColumnGroupingView_combined.js +4 -4
  20. package/esm2015/lib/ColumnPinningView_combined.js +5 -5
  21. package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +6 -6
  22. package/esm2015/lib/ContentCellModelHelper.js +10 -10
  23. package/esm2015/lib/DataGridCellLayoutPanel.js +10 -10
  24. package/esm2015/lib/DataGridScrollerKeyboardListener.js +2 -2
  25. package/esm2015/lib/DataGridToolbarView_combined.js +1 -1
  26. package/esm2015/lib/DateTimeCellPresenter.js +9 -9
  27. package/esm2015/lib/EditorCell.js +292 -292
  28. package/esm2015/lib/EditorCellPresenter.js +26 -26
  29. package/esm2015/lib/FilterCell.js +269 -269
  30. package/esm2015/lib/FilterCellPresenter.js +15 -15
  31. package/esm2015/lib/GridCellBase.js +167 -150
  32. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +4 -4
  33. package/esm2015/lib/GridColumnGroupOptionsView_combined.js +5 -5
  34. package/esm2015/lib/GridColumnHideOptionsView_combined.js +3 -3
  35. package/esm2015/lib/GridColumnMoveOptionsView_combined.js +1 -1
  36. package/esm2015/lib/GridColumnOptionsView_combined.js +1 -1
  37. package/esm2015/lib/GridColumnPinOptionsView_combined.js +1 -1
  38. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +7 -7
  39. package/esm2015/lib/GridExternalWrapper.js +6 -6
  40. package/esm2015/lib/GridFilterDialogView_combined.js +2 -2
  41. package/esm2015/lib/ImageCell.js +57 -57
  42. package/esm2015/lib/ImageCellPresenter.js +15 -15
  43. package/esm2015/lib/MultiColumnComboBoxView_combined.js +2 -2
  44. package/esm2015/lib/NumericCell.js +8 -8
  45. package/esm2015/lib/NumericCellPresenter.js +9 -9
  46. package/esm2015/lib/PropertyEditorView_combined.js +19 -19
  47. package/esm2015/lib/SectionHeaderCell.js +20 -20
  48. package/esm2015/lib/SectionHeaderCellPresenter.js +10 -10
  49. package/esm2015/lib/SummaryCell.js +45 -45
  50. package/esm2015/lib/SummaryCellPresenter.js +10 -10
  51. package/esm2015/lib/TemplateCell.js +15 -15
  52. package/esm2015/lib/TemplateCellPresenter.js +3 -3
  53. package/esm2015/lib/TemplateHeader.js +2 -2
  54. package/esm2015/lib/TemplateHeaderCell.js +5 -5
  55. package/esm2015/lib/TemplateHeaderCellModel.js +18 -18
  56. package/esm2015/lib/TemplateHeaderCellPresenter.js +3 -3
  57. package/esm2015/lib/TemplateSectionHeader.js +1 -1
  58. package/esm2015/lib/TextCell.js +29 -29
  59. package/esm2015/lib/TextCellPresenter.js +10 -10
  60. package/esm2015/lib/TextHeaderCell.js +184 -184
  61. package/esm2015/lib/TextHeaderCellPresenter.js +52 -52
  62. package/esm2015/lib/VerticalSeparatorCell.js +37 -37
  63. package/esm2015/lib/igc-cell-info.js +90 -81
  64. package/esm2015/lib/igc-combo-box-column-component.js +10 -10
  65. package/esm2015/lib/igc-data-grid-column-component.js +224 -214
  66. package/esm2015/lib/igc-data-grid-component.js +10 -0
  67. package/esm2015/lib/igc-date-time-cell-info.js +12 -12
  68. package/esm2015/lib/igc-date-time-column-component.js +23 -23
  69. package/esm2015/lib/igc-editor-cell-info.js +23 -23
  70. package/esm2015/lib/igc-filter-cell-info.js +26 -26
  71. package/esm2015/lib/igc-image-cell-info.js +6 -6
  72. package/esm2015/lib/igc-image-column-component.js +12 -12
  73. package/esm2015/lib/igc-numeric-cell-info.js +35 -26
  74. package/esm2015/lib/igc-numeric-column-component.js +38 -38
  75. package/esm2015/lib/igc-section-header-cell-info.js +6 -6
  76. package/esm2015/lib/igc-section-header-component.js +32 -12
  77. package/esm2015/lib/igc-summary-cell-info.js +9 -9
  78. package/esm2015/lib/igc-template-cell-info.js +2 -2
  79. package/esm2015/lib/igc-template-header-cell-info.js +2 -2
  80. package/esm2015/lib/igc-text-cell-info.js +2 -2
  81. package/esm2015/lib/igc-text-column-component.js +9 -9
  82. package/esm2015/lib/igc-text-header-cell-info.js +38 -38
  83. package/esm5/lib/CanvasCellPresenterBase.js +4 -4
  84. package/esm5/lib/CanvasContentCellModelHelper.js +5 -5
  85. package/esm5/lib/CanvasDateTimeCellPresenter.js +8 -8
  86. package/esm5/lib/CanvasGridCellBase.js +2 -2
  87. package/esm5/lib/CanvasImageCellPresenter.js +7 -7
  88. package/esm5/lib/CanvasNumericCellPresenter.js +8 -8
  89. package/esm5/lib/CanvasSectionHeaderCellPresenter.js +9 -9
  90. package/esm5/lib/CanvasSummaryCellPresenter.js +6 -6
  91. package/esm5/lib/CanvasTemplateCellPresenter.js +2 -2
  92. package/esm5/lib/CanvasTemplateHeaderCellPresenter.js +1 -1
  93. package/esm5/lib/CanvasTextCellPresenter.js +9 -9
  94. package/esm5/lib/CanvasTextHeaderCellPresenter.js +7 -7
  95. package/esm5/lib/CellPresenterBase.js +37 -34
  96. package/esm5/lib/CheckboxListView_combined.js +23 -23
  97. package/esm5/lib/ColumnChooserView_combined.js +9 -9
  98. package/esm5/lib/ColumnFilterCondition_combined.js +3989 -3819
  99. package/esm5/lib/ColumnGroupingView_combined.js +4 -4
  100. package/esm5/lib/ColumnPinningView_combined.js +5 -5
  101. package/esm5/lib/ComparisonOperatorSelectorView_combined.js +6 -6
  102. package/esm5/lib/ContentCellModelHelper.js +10 -10
  103. package/esm5/lib/DataGridCellLayoutPanel.js +10 -10
  104. package/esm5/lib/DataGridScrollerKeyboardListener.js +2 -2
  105. package/esm5/lib/DataGridToolbarView_combined.js +1 -1
  106. package/esm5/lib/DateTimeCellPresenter.js +9 -9
  107. package/esm5/lib/EditorCell.js +277 -277
  108. package/esm5/lib/EditorCellPresenter.js +26 -26
  109. package/esm5/lib/FilterCell.js +259 -259
  110. package/esm5/lib/FilterCellPresenter.js +15 -15
  111. package/esm5/lib/GridCellBase.js +164 -143
  112. package/esm5/lib/GridColumnFilterOptionsView_combined.js +4 -4
  113. package/esm5/lib/GridColumnGroupOptionsView_combined.js +5 -5
  114. package/esm5/lib/GridColumnHideOptionsView_combined.js +3 -3
  115. package/esm5/lib/GridColumnMoveOptionsView_combined.js +1 -1
  116. package/esm5/lib/GridColumnOptionsView_combined.js +1 -1
  117. package/esm5/lib/GridColumnPinOptionsView_combined.js +1 -1
  118. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +7 -7
  119. package/esm5/lib/GridExternalWrapper.js +6 -6
  120. package/esm5/lib/GridFilterDialogView_combined.js +2 -2
  121. package/esm5/lib/ImageCell.js +57 -57
  122. package/esm5/lib/ImageCellPresenter.js +15 -15
  123. package/esm5/lib/MultiColumnComboBoxView_combined.js +2 -2
  124. package/esm5/lib/NumericCell.js +8 -8
  125. package/esm5/lib/NumericCellPresenter.js +9 -9
  126. package/esm5/lib/PropertyEditorView_combined.js +19 -19
  127. package/esm5/lib/SectionHeaderCell.js +20 -20
  128. package/esm5/lib/SectionHeaderCellPresenter.js +10 -10
  129. package/esm5/lib/SummaryCell.js +45 -45
  130. package/esm5/lib/SummaryCellPresenter.js +10 -10
  131. package/esm5/lib/TemplateCell.js +15 -15
  132. package/esm5/lib/TemplateCellPresenter.js +3 -3
  133. package/esm5/lib/TemplateHeader.js +2 -2
  134. package/esm5/lib/TemplateHeaderCell.js +5 -5
  135. package/esm5/lib/TemplateHeaderCellModel.js +17 -17
  136. package/esm5/lib/TemplateHeaderCellPresenter.js +3 -3
  137. package/esm5/lib/TemplateSectionHeader.js +1 -1
  138. package/esm5/lib/TextCell.js +29 -29
  139. package/esm5/lib/TextCellPresenter.js +10 -10
  140. package/esm5/lib/TextHeaderCell.js +182 -182
  141. package/esm5/lib/TextHeaderCellPresenter.js +52 -52
  142. package/esm5/lib/VerticalSeparatorCell.js +37 -37
  143. package/esm5/lib/igc-cell-info.js +94 -81
  144. package/esm5/lib/igc-combo-box-column-component.js +10 -10
  145. package/esm5/lib/igc-data-grid-column-component.js +228 -214
  146. package/esm5/lib/igc-data-grid-component.js +14 -0
  147. package/esm5/lib/igc-date-time-cell-info.js +12 -12
  148. package/esm5/lib/igc-date-time-column-component.js +23 -23
  149. package/esm5/lib/igc-editor-cell-info.js +23 -23
  150. package/esm5/lib/igc-filter-cell-info.js +26 -26
  151. package/esm5/lib/igc-image-cell-info.js +6 -6
  152. package/esm5/lib/igc-image-column-component.js +12 -12
  153. package/esm5/lib/igc-numeric-cell-info.js +39 -26
  154. package/esm5/lib/igc-numeric-column-component.js +38 -38
  155. package/esm5/lib/igc-section-header-cell-info.js +6 -6
  156. package/esm5/lib/igc-section-header-component.js +40 -12
  157. package/esm5/lib/igc-summary-cell-info.js +9 -9
  158. package/esm5/lib/igc-template-cell-info.js +2 -2
  159. package/esm5/lib/igc-template-header-cell-info.js +2 -2
  160. package/esm5/lib/igc-text-cell-info.js +2 -2
  161. package/esm5/lib/igc-text-column-component.js +9 -9
  162. package/esm5/lib/igc-text-header-cell-info.js +38 -38
  163. package/fesm2015/igniteui-webcomponents-data-grids.js +6274 -6050
  164. package/fesm5/igniteui-webcomponents-data-grids.js +6134 -5858
  165. package/lib/ColumnFilterCondition_combined.d.ts +1077 -1053
  166. package/lib/EditorCell.d.ts +67 -67
  167. package/lib/FilterCell.d.ts +55 -55
  168. package/lib/GridCellBase.d.ts +64 -61
  169. package/lib/ImageCell.d.ts +17 -17
  170. package/lib/NumericCell.d.ts +2 -2
  171. package/lib/SectionHeaderCell.d.ts +4 -4
  172. package/lib/SummaryCell.d.ts +10 -10
  173. package/lib/TemplateCell.d.ts +5 -5
  174. package/lib/TemplateHeaderCell.d.ts +2 -2
  175. package/lib/TemplateHeaderCellModel.d.ts +7 -7
  176. package/lib/TemplateSectionHeader.d.ts +1 -1
  177. package/lib/TextCell.d.ts +7 -7
  178. package/lib/TextHeaderCell.d.ts +30 -30
  179. package/lib/VerticalSeparatorCell.d.ts +8 -8
  180. package/lib/igc-cell-info.d.ts +5 -0
  181. package/lib/igc-data-grid-column-component.d.ts +5 -0
  182. package/lib/igc-data-grid-component.d.ts +5 -0
  183. package/lib/igc-numeric-cell-info.d.ts +5 -0
  184. package/lib/igc-section-header-component.d.ts +10 -0
  185. package/package.json +4 -4
@@ -22,98 +22,98 @@ let TextHeaderCellPresenter = /*@__PURE__*/ (() => {
22
22
  super.b(a);
23
23
  let b = a;
24
24
  if (a.a7) {
25
- if (a.bc(TextCellModel.n5)) {
26
- b.kz = b.n7;
27
- this.d.c8(this.d.ea, b.kz);
25
+ if (a.bc(TextCellModel.n9)) {
26
+ b.k1 = b.ob;
27
+ this.d.c9(this.d.ed, b.k1);
28
28
  }
29
- if (a.bc(CellModel.hk)) {
30
- let c = this.d.d4.m;
29
+ if (a.bc(CellModel.hl)) {
30
+ let c = this.d.d7.m;
31
31
  if (a.bt) {
32
- this.d.d4.m = false;
32
+ this.d.d7.m = false;
33
33
  }
34
- this.d.d4.b = a.n;
34
+ this.d.d7.b = a.n;
35
35
  if (a.bt) {
36
- this.d.d4.m = c;
36
+ this.d.d7.m = c;
37
37
  }
38
38
  }
39
- if (a.bc(CellModel.hl)) {
40
- let d = this.d.d4.m;
39
+ if (a.bc(CellModel.hm)) {
40
+ let d = this.d.d7.m;
41
41
  if (a.bt) {
42
- this.d.d4.m = false;
42
+ this.d.d7.m = false;
43
43
  }
44
- this.d.d4.a3 = a.nx;
44
+ this.d.d7.a3 = a.n1;
45
45
  if (a.bt) {
46
- this.d.d4.m = d;
46
+ this.d.d7.m = d;
47
47
  }
48
48
  }
49
49
  if (a.bb("IsColumnOptionsEnabled")) {
50
- let e = b.om;
50
+ let e = b.oq;
51
51
  if (e) {
52
52
  e = this.e();
53
53
  }
54
- this.d.d6 = e;
55
- this.d.d8.setRawStyleProperty("display", e ? "inline-block" : "none");
56
- this.a.dc(a.h7, (a.g1 + a.g3 + a.fg + a.fj));
54
+ this.d.d9 = e;
55
+ this.d.eb.setRawStyleProperty("display", e ? "inline-block" : "none");
56
+ this.a.dd(a.h8, (a.g2 + a.g4 + a.fg + a.fj));
57
57
  }
58
58
  if (a.bb("SortIndicatorStyle")) {
59
- this.d.d4.f = b.oe;
59
+ this.d.d7.f = b.oi;
60
60
  }
61
61
  if (a.bb("ColumnOptionsIconAlignment")) {
62
- this.d.dy = b.oa;
62
+ this.d.d1 = b.oe;
63
63
  }
64
64
  if (a.bb("ColumnOptionsIconBehavior")) {
65
- this.d.d0 = b.oc;
65
+ this.d.d3 = b.og;
66
66
  }
67
67
  if (a.bb("ColumnOptionsIconColor")) {
68
- this.d.d2.c1 = b.p5;
68
+ this.d.d5.c1 = b.p9;
69
69
  }
70
- if (a.bb("Path") || (this.d.d2.n != null && this.d.d2.n.grid == null)) {
70
+ if (a.bb("Path") || (this.d.d5.n != null && this.d.d5.n.grid == null)) {
71
71
  let f = a.e.getColumn();
72
- if (f != this.d.d2.n) {
73
- this.d.d2.n = f;
74
- this.d.d2.bx();
72
+ if (f != this.d.d5.n) {
73
+ this.d.d5.n = f;
74
+ this.d.d5.bx();
75
75
  }
76
76
  }
77
- if (a.bc(TextHeaderCellModel.o3)) {
78
- this.d.da(b.og);
77
+ if (a.bc(TextHeaderCellModel.o7)) {
78
+ this.d.db(b.ok);
79
79
  }
80
- if (a.bc(TextHeaderCellModel.op)) {
81
- this.d.d2.ct = b.p0;
80
+ if (a.bc(TextHeaderCellModel.ot)) {
81
+ this.d.d5.ct = b.p4;
82
82
  }
83
- if (a.bc(TextHeaderCellModel.o1)) {
84
- this.d.d2.cz = b.p7;
83
+ if (a.bc(TextHeaderCellModel.o5)) {
84
+ this.d.d5.cz = b.qb;
85
85
  }
86
- if (a.bc(TextHeaderCellModel.o2)) {
87
- this.d.d2.ab = b.ok;
86
+ if (a.bc(TextHeaderCellModel.o6)) {
87
+ this.d.d5.ab = b.oo;
88
88
  }
89
- if (a.bc(TextHeaderCellModel.ou)) {
90
- this.d.d2.cx = b.p4;
89
+ if (a.bc(TextHeaderCellModel.oy)) {
90
+ this.d.d5.cx = b.p8;
91
91
  }
92
- if (a.bc(TextHeaderCellModel.o4)) {
93
- this.d.d2.c0 = b.p8;
92
+ if (a.bc(TextHeaderCellModel.o8)) {
93
+ this.d.d5.c0 = b.qc;
94
94
  }
95
- if (a.bc(TextHeaderCellModel.ot)) {
96
- this.d.d2.cw = b.p3;
95
+ if (a.bc(TextHeaderCellModel.ox)) {
96
+ this.d.d5.cw = b.p7;
97
+ }
98
+ if (a.bc(TextHeaderCellModel.o4)) {
99
+ this.d.d5.cy = b.qa;
97
100
  }
98
- if (a.bc(TextHeaderCellModel.o0)) {
99
- this.d.d2.cy = b.p6;
101
+ if (a.bc(TextHeaderCellModel.ou)) {
102
+ this.d.d5.cu = b.p5;
100
103
  }
101
- if (a.bc(TextHeaderCellModel.oq)) {
102
- this.d.d2.cu = b.p1;
104
+ if (a.bc(TextHeaderCellModel.ov)) {
105
+ this.d.d5.cv = b.p6;
103
106
  }
104
- if (a.bc(TextHeaderCellModel.or)) {
105
- this.d.d2.cv = b.p2;
107
+ if (a.bc(TextHeaderCellModel.ow)) {
108
+ this.d.d5.aa = b.on;
106
109
  }
107
110
  if (a.bc(TextHeaderCellModel.os)) {
108
- this.d.d2.aa = b.oj;
109
- }
110
- if (a.bc(TextHeaderCellModel.oo)) {
111
- this.d.d2.cs = b.pz;
111
+ this.d.d5.cs = b.p3;
112
112
  }
113
- if (a.bc(TextHeaderCellModel.oz)) {
114
- this.d.d2.ax = b.oy;
113
+ if (a.bc(TextHeaderCellModel.o3)) {
114
+ this.d.d5.ax = b.o2;
115
115
  }
116
- ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.ea, this.a);
116
+ ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.ed, this.a);
117
117
  }
118
118
  }
119
119
  e() {
@@ -11,56 +11,56 @@ let VerticalSeparatorCell = /*@__PURE__*/ (() => {
11
11
  class VerticalSeparatorCell extends GridCellBase {
12
12
  constructor(a) {
13
13
  super(a);
14
- this.dx = null;
15
- this.dw = null;
16
- this.dy = 0;
17
- this.dz = 0;
18
- this.dx = a.createElement("div");
19
- this.dx.setRawStyleProperty("position", "absolute");
20
- this.dx.setRawStyleProperty("pointer-events", "none");
21
- this.ar.append(this.dx);
14
+ this.d0 = null;
15
+ this.dz = null;
16
+ this.d1 = 0;
17
+ this.d2 = 0;
18
+ this.d0 = a.createElement("div");
19
+ this.d0.setRawStyleProperty("position", "absolute");
20
+ this.d0.setRawStyleProperty("pointer-events", "none");
21
+ this.ar.append(this.d0);
22
22
  }
23
- cx(a, b, c, d, e) {
23
+ cy(a, b, c, d, e) {
24
24
  if (a == null) {
25
- if (this.dw != null) {
26
- this.dw.remove();
27
- this.dw = null;
25
+ if (this.dz != null) {
26
+ this.dz.remove();
27
+ this.dz = null;
28
28
  }
29
29
  }
30
30
  else {
31
- this.d0();
32
- this.dy = b;
33
- this.dz = d;
31
+ this.d3();
32
+ this.d1 = b;
33
+ this.d2 = d;
34
34
  }
35
- this.d1();
35
+ this.d4();
36
36
  }
37
- dc(a, b) {
38
- super.dc(a, b);
39
- this.d1();
37
+ dd(a, b) {
38
+ super.dd(a, b);
39
+ this.d4();
40
40
  }
41
- cw(a) {
42
- this.dx.setRawStyleProperty("background-color", a.colorString);
41
+ cx(a) {
42
+ this.d0.setRawStyleProperty("background-color", a.colorString);
43
43
  }
44
- d1() {
45
- if (this.dw != null) {
46
- this.dx.setRawStyleProperty("height", "100%");
47
- this.dx.setRawStyleProperty("width", this.ar.width() - (this.dy + this.dz) + "px");
48
- this.dx.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
49
- this.dw.setRawStyleProperty("width", "100%");
50
- this.dw.setRawStyleProperty("height", "100%");
44
+ d4() {
45
+ if (this.dz != null) {
46
+ this.d0.setRawStyleProperty("height", "100%");
47
+ this.d0.setRawStyleProperty("width", this.ar.width() - (this.d1 + this.d2) + "px");
48
+ this.d0.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
49
+ this.dz.setRawStyleProperty("width", "100%");
50
+ this.dz.setRawStyleProperty("height", "100%");
51
51
  }
52
52
  else {
53
- this.dx.setRawStyleProperty("height", "100%");
54
- this.dx.setRawStyleProperty("width", this.ar.width() + "px");
55
- this.dx.setRawStyleProperty("left", "0px");
53
+ this.d0.setRawStyleProperty("height", "100%");
54
+ this.d0.setRawStyleProperty("width", this.ar.width() + "px");
55
+ this.d0.setRawStyleProperty("left", "0px");
56
56
  }
57
57
  }
58
- d0() {
59
- if (this.dw == null) {
60
- this.dw = this.am.createElement("div");
61
- this.dw.setRawStyleProperty("position", "absolute");
62
- this.dw.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
63
- this.ar.getNativeElement().insertBefore(this.dw.getNativeElement(), this.dx.getNativeElement());
58
+ d3() {
59
+ if (this.dz == null) {
60
+ this.dz = this.am.createElement("div");
61
+ this.dz.setRawStyleProperty("position", "absolute");
62
+ this.dz.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
63
+ this.ar.getNativeElement().insertBefore(this.dz.getNativeElement(), this.d0.getNativeElement());
64
64
  }
65
65
  }
66
66
  }