igniteui-webcomponents-inputs 4.3.2 → 4.3.3-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 (39) hide show
  1. package/License +1 -1
  2. package/bundles/igniteui-webcomponents-inputs.umd.js +277 -204
  3. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  4. package/esm2015/lib/ButtonView_combined.js +16 -16
  5. package/esm2015/lib/CalendarView_combined.js +5 -5
  6. package/esm2015/lib/CheckboxView_combined.js +22 -22
  7. package/esm2015/lib/DatePickerView_combined.js +97 -75
  8. package/esm2015/lib/IconView_combined.js +20 -20
  9. package/esm2015/lib/InputGroupView_combined.js +31 -31
  10. package/esm2015/lib/RippleView_combined.js +1 -1
  11. package/esm2015/lib/XPopupBridge.js +40 -34
  12. package/esm2015/lib/igc-button-click-event-args.js +6 -0
  13. package/esm2015/lib/igc-button-group-selection-changed-event-args.js +6 -0
  14. package/esm2015/lib/igc-checkbox-change-event-args.js +6 -0
  15. package/esm2015/lib/igc-got-focus-event-args.js +6 -0
  16. package/esm2015/lib/igc-input-change-event-args.js +6 -0
  17. package/esm2015/lib/igc-lost-focus-event-args.js +6 -0
  18. package/esm2015/lib/igc-selected-value-changed-event-args.js +6 -0
  19. package/esm2015/lib/igc-x-input-group-item-component.js +3 -0
  20. package/esm5/lib/ButtonView_combined.js +16 -16
  21. package/esm5/lib/CalendarView_combined.js +5 -5
  22. package/esm5/lib/CheckboxView_combined.js +22 -22
  23. package/esm5/lib/DatePickerView_combined.js +97 -75
  24. package/esm5/lib/IconView_combined.js +20 -20
  25. package/esm5/lib/InputGroupView_combined.js +31 -31
  26. package/esm5/lib/RippleView_combined.js +1 -1
  27. package/esm5/lib/XPopupBridge.js +40 -34
  28. package/esm5/lib/igc-button-click-event-args.js +6 -0
  29. package/esm5/lib/igc-button-group-selection-changed-event-args.js +6 -0
  30. package/esm5/lib/igc-checkbox-change-event-args.js +6 -0
  31. package/esm5/lib/igc-got-focus-event-args.js +6 -0
  32. package/esm5/lib/igc-input-change-event-args.js +6 -0
  33. package/esm5/lib/igc-lost-focus-event-args.js +6 -0
  34. package/esm5/lib/igc-selected-value-changed-event-args.js +6 -0
  35. package/esm5/lib/igc-x-input-group-item-component.js +3 -0
  36. package/fesm2015/igniteui-webcomponents-inputs.js +277 -204
  37. package/fesm5/igniteui-webcomponents-inputs.js +277 -204
  38. package/lib/DatePickerView_combined.d.ts +31 -27
  39. package/package.json +2 -2
@@ -49,10 +49,11 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
49
49
  _this.f = null;
50
50
  _this.i = null;
51
51
  _this.h = null;
52
+ _this.o = null;
52
53
  _this.document_Click = _this.document_Click.bind(_this);
53
54
  return _this;
54
55
  }
55
- DatePickerView.prototype.ah = function () {
56
+ DatePickerView.prototype.ak = function () {
56
57
  };
57
58
  Object.defineProperty(DatePickerView.prototype, "n", {
58
59
  get: function () {
@@ -61,8 +62,9 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
61
62
  enumerable: false,
62
63
  configurable: true
63
64
  });
64
- DatePickerView.prototype.ag = function (a) {
65
+ DatePickerView.prototype.ai = function (a) {
65
66
  if (a == null) {
67
+ this.b.cg();
66
68
  if (this.d != null) {
67
69
  var b = this.d.rootWrapper.getChildAt(0);
68
70
  b.unlistenAll();
@@ -74,15 +76,16 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
74
76
  this.d = a;
75
77
  var c = Math.round(a.rootWrapper.width());
76
78
  var d = Math.round(a.rootWrapper.height());
77
- this.aa();
78
79
  this.ab();
80
+ this.ac();
79
81
  var e = this.d.rootWrapper.getChildAt(0);
80
- e.listen("keydown", runOn(this, this.x));
81
- e.listen("focusin", runOn(this, this.v));
82
- e.listen("focusout", runOn(this, this.w));
82
+ e.listen("keydown", runOn(this, this.y));
83
+ e.listen("focusin", runOn(this, this.w));
84
+ e.listen("focusout", runOn(this, this.x));
83
85
  document.addEventListener("click", this.document_Click, false);
86
+ this.o = new MutationObserver(runOn(this, this.aj));
84
87
  };
85
- DatePickerView.prototype.aa = function () {
88
+ DatePickerView.prototype.ab = function () {
86
89
  if (this.d != null) {
87
90
  this.k = this.d.rootWrapper.getChildAt(0);
88
91
  this.k.setAttribute("tabIndex", this.b.a7.toString());
@@ -105,64 +108,64 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
105
108
  this.f.setStyleProperty("width", "16px");
106
109
  this.h.setStyleProperty("height", "16px");
107
110
  this.h.setStyleProperty("width", "16px");
108
- this.f.listen("click", runOn(this, this.z));
109
- this.h.listen("click", runOn(this, this.ad));
111
+ this.f.listen("click", runOn(this, this.aa));
112
+ this.h.listen("click", runOn(this, this.ae));
110
113
  }
111
114
  };
112
- DatePickerView.prototype.ak = function (a) {
115
+ DatePickerView.prototype.ao = function (a) {
113
116
  if (this.d != null) {
114
117
  var b = this.d.getSubRenderer(this.k);
115
118
  a.provideContainer(b);
116
119
  var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
117
120
  }
118
121
  };
119
- DatePickerView.prototype.am = function (a) {
122
+ DatePickerView.prototype.aq = function (a) {
120
123
  if (this.d != null) {
121
124
  var b = this.d.getSubRenderer(this.l);
122
125
  a.provideContainer(b);
123
126
  var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
124
127
  }
125
128
  };
126
- DatePickerView.prototype.al = function (a) {
129
+ DatePickerView.prototype.ap = function (a) {
127
130
  if (this.d != null) {
128
131
  var b = this.d.getSubRenderer(this.j);
129
132
  a.provideContainer(b);
130
133
  var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
131
134
  }
132
135
  };
133
- DatePickerView.prototype.ao = function (a, b) {
136
+ DatePickerView.prototype.as = function (a, b) {
134
137
  if (this.d != null) {
135
138
  var c = this.d.getSubRenderer(b);
136
139
  a.provideContainer(c);
137
140
  var d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
138
141
  }
139
142
  };
140
- DatePickerView.prototype.aj = function (a, b) {
143
+ DatePickerView.prototype.an = function (a, b) {
141
144
  if (this.d != null) {
142
145
  var c = this.d.getSubRenderer(b);
143
146
  a.provideContainer(c);
144
147
  var d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
145
148
  }
146
149
  };
147
- DatePickerView.prototype.u = function () {
150
+ DatePickerView.prototype.v = function () {
148
151
  return this.l;
149
152
  };
150
- DatePickerView.prototype.t = function () {
153
+ DatePickerView.prototype.u = function () {
151
154
  return this.j;
152
155
  };
153
- DatePickerView.prototype.q = function () {
156
+ DatePickerView.prototype.r = function () {
154
157
  return this.g;
155
158
  };
156
- DatePickerView.prototype.p = function () {
159
+ DatePickerView.prototype.q = function () {
157
160
  return this.f;
158
161
  };
159
- DatePickerView.prototype.s = function () {
162
+ DatePickerView.prototype.t = function () {
160
163
  return this.i;
161
164
  };
162
- DatePickerView.prototype.r = function () {
165
+ DatePickerView.prototype.s = function () {
163
166
  return this.h;
164
167
  };
165
- DatePickerView.prototype.aq = function (a) {
168
+ DatePickerView.prototype.au = function (a) {
166
169
  if (this.j != null) {
167
170
  if (a) {
168
171
  this.j.getChildAt(0).setAttribute("aria-expanded", "true");
@@ -172,7 +175,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
172
175
  }
173
176
  }
174
177
  };
175
- DatePickerView.prototype.as = function (a) {
178
+ DatePickerView.prototype.aw = function (a) {
176
179
  if (a != null && a != "") {
177
180
  this.j.getChildAt(0).setAttribute("aria-label", a);
178
181
  }
@@ -180,7 +183,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
180
183
  this.j.getChildAt(0).setAttribute("aria-label", "Select a date");
181
184
  }
182
185
  };
183
- DatePickerView.prototype.ap = function () {
186
+ DatePickerView.prototype.at = function () {
184
187
  if (this.f != null) {
185
188
  if (this.b.at == true) {
186
189
  this.f.show();
@@ -190,15 +193,21 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
190
193
  }
191
194
  }
192
195
  };
193
- DatePickerView.prototype.ae = function () {
196
+ DatePickerView.prototype.af = function () {
194
197
  if (this.f != null) {
195
198
  this.f.hide();
196
199
  }
197
200
  };
198
- DatePickerView.prototype.ar = function () {
201
+ DatePickerView.prototype.av = function () {
199
202
  this.k.setAttribute("tabIndex", this.b.a7.toString());
200
203
  };
201
- DatePickerView.prototype.ab = function () {
204
+ DatePickerView.prototype.al = function () {
205
+ this.o.observe(document, { childList: true, subtree: true });
206
+ };
207
+ DatePickerView.prototype.ah = function () {
208
+ this.o.disconnect();
209
+ };
210
+ DatePickerView.prototype.ac = function () {
202
211
  if (this.d != null) {
203
212
  this.m = this.d.rootWrapper.getChildAt(1);
204
213
  this.e = this.d.createElement("div");
@@ -221,7 +230,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
221
230
  }
222
231
  }
223
232
  };
224
- DatePickerView.prototype.y = function () {
233
+ DatePickerView.prototype.z = function () {
225
234
  if (this.d != null) {
226
235
  if (this.b.av == true) {
227
236
  this.e.parent().parent().setStyleProperty("max-width", "245px");
@@ -237,24 +246,24 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
237
246
  }
238
247
  }
239
248
  };
240
- DatePickerView.prototype.an = function (a) {
249
+ DatePickerView.prototype.ar = function (a) {
241
250
  if (this.d != null) {
242
251
  var b = this.d.getSubRenderer(this.m);
243
252
  a.provideRenderer(b);
244
253
  var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
245
254
  }
246
255
  };
247
- DatePickerView.prototype.ai = function (a) {
256
+ DatePickerView.prototype.am = function (a) {
248
257
  if (this.d != null) {
249
258
  var b = this.d.getSubRenderer(this.e);
250
259
  a.provideContainer(b);
251
260
  var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
252
261
  }
253
262
  };
254
- DatePickerView.prototype.o = function () {
263
+ DatePickerView.prototype.p = function () {
255
264
  return this.e;
256
265
  };
257
- DatePickerView.prototype.z = function (a) {
266
+ DatePickerView.prototype.aa = function (a) {
258
267
  if (this.b.ar == true) {
259
268
  return;
260
269
  }
@@ -263,37 +272,48 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
263
272
  this.f.hide();
264
273
  }
265
274
  };
266
- DatePickerView.prototype.ad = function (a) {
275
+ DatePickerView.prototype.ae = function (a) {
267
276
  a.stopPropagation();
268
277
  this.b.cn();
269
278
  };
270
- DatePickerView.prototype.x = function (a) {
279
+ DatePickerView.prototype.y = function (a) {
271
280
  var b = a.which;
272
281
  if (b == 27) {
273
282
  this.b.cg();
274
283
  }
275
284
  };
276
- DatePickerView.prototype.v = function (a) {
285
+ DatePickerView.prototype.w = function (a) {
277
286
  this.b.focus();
278
287
  var b = (a.originalEvent.relatedTarget);
279
288
  if (!this.c(b)) {
280
289
  this.b.ct();
281
290
  }
282
291
  };
283
- DatePickerView.prototype.w = function (a) {
292
+ DatePickerView.prototype.x = function (a) {
284
293
  var b = (a.originalEvent.relatedTarget);
285
294
  if (!this.c(b)) {
286
295
  this.b.cm();
287
296
  this.b.cu();
288
297
  }
289
298
  };
299
+ DatePickerView.prototype.aj = function (a, b) {
300
+ if (this.d != null) {
301
+ var c = this.d.rootWrapper.getNativeElement();
302
+ if (!document.documentElement.contains(c)) {
303
+ this.b.cg();
304
+ }
305
+ }
306
+ else {
307
+ this.b.cg();
308
+ }
309
+ };
290
310
  DatePickerView.prototype.document_Click = function (a) {
291
311
  var b = a.target;
292
312
  if (!this.c(b)) {
293
313
  this.b.cg();
294
314
  }
295
315
  };
296
- DatePickerView.prototype.at = function () {
316
+ DatePickerView.prototype.ax = function () {
297
317
  if (this.d != null) {
298
318
  var a = this.d.rootWrapper.getNativeElement();
299
319
  var b = a.getBoundingClientRect();
@@ -318,7 +338,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
318
338
  var c = this.e.getNativeElement();
319
339
  return b.contains(a) || c.contains(a);
320
340
  };
321
- DatePickerView.prototype.af = function () {
341
+ DatePickerView.prototype.ag = function () {
322
342
  };
323
343
  DatePickerView.$t = markType(DatePickerView, 'DatePickerView');
324
344
  return DatePickerView;
@@ -384,7 +404,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
384
404
  var a = new DatePickerView();
385
405
  a.b = _this;
386
406
  _this.h = a;
387
- _this.h.ah();
407
+ _this.h.ak();
388
408
  _this.ce();
389
409
  return _this;
390
410
  }
@@ -407,7 +427,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
407
427
  }
408
428
  };
409
429
  DatePicker.prototype.notifySizeChanged = function () {
410
- this.h.af();
430
+ this.h.ag();
411
431
  };
412
432
  DatePicker.prototype.destroy = function () {
413
433
  if (this.c != null) {
@@ -419,7 +439,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
419
439
  this.provideContainer(null);
420
440
  };
421
441
  DatePicker.prototype.provideContainer = function (a) {
422
- this.h.ag(a);
442
+ this.h.ai(a);
423
443
  };
424
444
  DatePicker.prototype.setName = function (a) {
425
445
  this.o.e = a;
@@ -818,7 +838,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
818
838
  case "Placeholder":
819
839
  if (this.o != null) {
820
840
  this.o.cg = this.b2;
821
- this.h.as(this.b2);
841
+ this.h.aw(this.b2);
822
842
  }
823
843
  break;
824
844
  case "Today":
@@ -863,7 +883,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
863
883
  case "ShowClearButton":
864
884
  if (this.o != null) {
865
885
  if (this.o.cq != "") {
866
- this.h.ap();
886
+ this.h.at();
867
887
  }
868
888
  }
869
889
  break;
@@ -876,7 +896,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
876
896
  case "ShowTodayButton":
877
897
  if (this.c != null) {
878
898
  this.c.ae = this.au;
879
- this.h.y();
899
+ this.h.z();
880
900
  }
881
901
  break;
882
902
  case "AllowTextInput":
@@ -901,7 +921,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
901
921
  case "ShowWeekNumbers":
902
922
  if (this.c != null) {
903
923
  this.c.af = this.av;
904
- this.h.y();
924
+ this.h.z();
905
925
  }
906
926
  break;
907
927
  case "FirstWeekOfYear":
@@ -920,7 +940,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
920
940
  }
921
941
  break;
922
942
  case "TabIndex":
923
- this.h.ar();
943
+ this.h.av();
924
944
  break;
925
945
  }
926
946
  };
@@ -1037,31 +1057,31 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1037
1057
  };
1038
1058
  DatePicker.prototype.ch = function () {
1039
1059
  this.q = new XInputGroup();
1040
- this.h.ak(this.q);
1060
+ this.h.ao(this.q);
1041
1061
  this.q.d = 0;
1042
1062
  this.q.p = this.w;
1043
1063
  this.q.t = this.y;
1044
1064
  this.r = new XLabel();
1045
- this.h.am(this.r);
1065
+ this.h.aq(this.r);
1046
1066
  this.r.df = this.dh;
1047
1067
  this.r.y = this.ac;
1048
- this.q.appendContentChild(this.h.u());
1068
+ this.q.appendContentChild(this.h.v());
1049
1069
  if (this.bv != null && this.bv != "") {
1050
1070
  this.r.text = this.bv;
1051
1071
  this.q.inputs.add(this.r);
1052
1072
  }
1053
1073
  this.o = new XInput();
1054
- this.h.al(this.o);
1074
+ this.h.ap(this.o);
1055
1075
  this.o.b8 = "text";
1056
1076
  if (this.aa != null) {
1057
1077
  this.o.af = this.aa;
1058
1078
  }
1059
1079
  this.o.disabled = !this.aq;
1060
1080
  this.o.d8 = this.di;
1061
- this.q.appendContentChild(this.h.t());
1081
+ this.q.appendContentChild(this.h.u());
1062
1082
  this.q.inputs.add(this.o);
1063
1083
  this.o.cg = this.b2;
1064
- this.h.as(this.b2);
1084
+ this.h.aw(this.b2);
1065
1085
  var a = this.o;
1066
1086
  a.change = delegateCombine(a.change, runOn(this, this.co));
1067
1087
  var b = this.o;
@@ -1069,23 +1089,23 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1069
1089
  var c = this.o;
1070
1090
  c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cq));
1071
1091
  var d = new XSuffix();
1072
- this.h.ao(d, this.h.q());
1092
+ this.h.as(d, this.h.r());
1073
1093
  this.m = new XIcon();
1074
- this.h.aj(this.m, this.h.p());
1094
+ this.h.an(this.m, this.h.q());
1075
1095
  this.m.svgPath = DatePicker.bk;
1076
1096
  this.m.fill = this.dg;
1077
- d.appendContentChild(this.h.p());
1078
- this.q.appendContentChild(this.h.q());
1097
+ d.appendContentChild(this.h.q());
1098
+ this.q.appendContentChild(this.h.r());
1079
1099
  this.q.inputs.add(d);
1080
1100
  this.c8();
1081
1101
  var e = new XSuffix();
1082
- this.h.ao(e, this.h.s());
1102
+ this.h.as(e, this.h.t());
1083
1103
  this.n = new XIcon();
1084
- this.h.aj(this.n, this.h.r());
1104
+ this.h.an(this.n, this.h.s());
1085
1105
  this.n.svgPath = DatePicker.bj;
1086
1106
  this.n.fill = this.dg;
1087
- e.appendContentChild(this.h.r());
1088
- this.q.appendContentChild(this.h.s());
1107
+ e.appendContentChild(this.h.s());
1108
+ this.q.appendContentChild(this.h.t());
1089
1109
  this.q.inputs.add(e);
1090
1110
  };
1091
1111
  DatePicker.prototype.cq = function (a, b) {
@@ -1130,10 +1150,10 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1130
1150
  DatePicker.prototype.cp = function (a, b) {
1131
1151
  this.cs(b);
1132
1152
  if (b.value.length > 0) {
1133
- this.h.ap();
1153
+ this.h.at();
1134
1154
  }
1135
1155
  else {
1136
- this.h.ae();
1156
+ this.h.af();
1137
1157
  }
1138
1158
  };
1139
1159
  DatePicker.prototype.co = function (a, b) {
@@ -1264,7 +1284,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1264
1284
  }
1265
1285
  else {
1266
1286
  this.db(ag);
1267
- this.h.ap();
1287
+ this.h.at();
1268
1288
  }
1269
1289
  }
1270
1290
  else {
@@ -1461,11 +1481,11 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1461
1481
  }
1462
1482
  }
1463
1483
  this.o.cq = a;
1464
- this.h.ap();
1484
+ this.h.at();
1465
1485
  }
1466
1486
  else {
1467
1487
  this.o.cq = "";
1468
- this.h.ae();
1488
+ this.h.af();
1469
1489
  }
1470
1490
  }
1471
1491
  };
@@ -1481,9 +1501,9 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1481
1501
  };
1482
1502
  DatePicker.prototype.ci = function () {
1483
1503
  this.u = new Popup();
1484
- this.h.an(this.u);
1504
+ this.h.ar(this.u);
1485
1505
  this.c = new XCalendar();
1486
- this.h.ai(this.c);
1506
+ this.h.am(this.c);
1487
1507
  if (+(this.a2) != +(dateMinValue())) {
1488
1508
  this.c.au = this.a2;
1489
1509
  }
@@ -1501,7 +1521,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1501
1521
  a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.cd));
1502
1522
  var b = this.c;
1503
1523
  b.close = delegateCombine(b.close, runOn(this, this.cc));
1504
- this.u.appendPopupContent(this.h.o());
1524
+ this.u.appendPopupContent(this.h.p());
1505
1525
  };
1506
1526
  DatePicker.prototype.cd = function (a, b) {
1507
1527
  this.ai = true;
@@ -1509,14 +1529,14 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1509
1529
  this.ai = false;
1510
1530
  };
1511
1531
  DatePicker.prototype.cc = function (a) {
1512
- if (this.u.ao) {
1532
+ if (this.u.av) {
1513
1533
  this.ah = true;
1514
1534
  this.cg();
1515
1535
  }
1516
1536
  };
1517
1537
  DatePicker.prototype.cn = function () {
1518
1538
  if (this.ah == false) {
1519
- if (this.u.ao) {
1539
+ if (this.u.av) {
1520
1540
  this.cg();
1521
1541
  }
1522
1542
  else {
@@ -1532,7 +1552,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1532
1552
  return;
1533
1553
  }
1534
1554
  if (this.u != null) {
1535
- var a = this.h.at();
1555
+ var a = this.h.ax();
1536
1556
  var b = new Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
1537
1557
  var c = this.h.a()[1];
1538
1558
  var d = 240;
@@ -1552,19 +1572,21 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1552
1572
  else {
1553
1573
  this.u.showRelativeToExclusionRect(b, 1, 0);
1554
1574
  }
1555
- this.h.aq(true);
1575
+ this.h.al();
1576
+ this.h.au(true);
1556
1577
  }
1557
1578
  };
1558
1579
  DatePicker.prototype.cg = function () {
1559
1580
  var _this = this;
1560
1581
  if (this.u != null) {
1561
- window.setTimeout(function () { return _this.u.bj(); }, 0);
1582
+ window.setTimeout(function () { return _this.u.bx(); }, 0);
1562
1583
  }
1563
1584
  if (this.c != null) {
1564
1585
  this.c.cy();
1565
1586
  }
1566
- this.h.aq(false);
1587
+ this.h.au(false);
1567
1588
  this.ah = false;
1589
+ this.h.ah();
1568
1590
  };
1569
1591
  DatePicker.prototype.focus = function (a) {
1570
1592
  var _this = this;
@@ -1574,7 +1596,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1574
1596
  if (this.o != null) {
1575
1597
  this.o.focus(a);
1576
1598
  }
1577
- if (!this.u.ao && this.as == true) {
1599
+ if (!this.u.av && this.as == true) {
1578
1600
  if (this.ah == false) {
1579
1601
  if (this.aq == false) {
1580
1602
  this.c0();
@@ -1628,7 +1650,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
1628
1650
  var a = new DatePickerVisualModelExport();
1629
1651
  a.e = this.y;
1630
1652
  a.d = this.w;
1631
- a.c = this.u.ay();
1653
+ a.c = this.u.a9();
1632
1654
  a.b = this.q.fe();
1633
1655
  a.a = this.c.bj();
1634
1656
  if (this.ad != null) {
@@ -347,15 +347,15 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
347
347
  configurable: true
348
348
  });
349
349
  XIcon.prototype.ca = function () {
350
- NativeUI.w(this.view.r, this.ai);
350
+ NativeUI.y(this.view.r, this.ai);
351
351
  };
352
352
  XIcon.prototype.b9 = function () {
353
353
  var a = this.view.r;
354
354
  if (this.p) {
355
355
  var b = this.view.s;
356
- NativeUI.q(b, this.cp);
357
- NativeUI.y(b, this.cq);
358
- NativeUI.ab(b, this.ad);
356
+ NativeUI.r(b, this.cp);
357
+ NativeUI.aa(b, this.cq);
358
+ NativeUI.ad(b, this.ad);
359
359
  }
360
360
  else {
361
361
  var c = false;
@@ -375,19 +375,19 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
375
375
  if (c) {
376
376
  for (var d = 0; d < this.view.k.count; d++) {
377
377
  var e = this.view.k._inner[d].c;
378
- NativeUI.q(this.view.k._inner[d].d, e.l.f(this.c1));
378
+ NativeUI.r(this.view.k._inner[d].d, e.l.f(this.c1));
379
379
  }
380
380
  for (var f = 0; f < this.view.l.count; f++) {
381
381
  var g = this.view.l._inner[f].c;
382
- NativeUI.y(this.view.l._inner[f].d, g.m.f(this.c2));
382
+ NativeUI.aa(this.view.l._inner[f].d, g.m.f(this.c2));
383
383
  }
384
384
  for (var h = 0; h < this.view.m.count; h++) {
385
385
  var i = this.view.m._inner[h].c;
386
- NativeUI.q(this.view.m._inner[h].d, i.l.f(this.c3));
386
+ NativeUI.r(this.view.m._inner[h].d, i.l.f(this.c3));
387
387
  }
388
388
  for (var j = 0; j < this.view.n.count; j++) {
389
389
  var k = this.view.n._inner[j].c;
390
- NativeUI.y(this.view.n._inner[j].d, k.m.f(this.c4));
390
+ NativeUI.aa(this.view.n._inner[j].d, k.m.f(this.c4));
391
391
  }
392
392
  for (var l = 0; l < this.view.c.o.count; l++) {
393
393
  var m = this.view.c.o._inner[l];
@@ -396,7 +396,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
396
396
  if (o < this.c.count) {
397
397
  for (var p = 0; p < this.view.c.q._inner[l].count; p++) {
398
398
  var q = this.view.c.q._inner[l]._inner[p].c;
399
- NativeUI.q(this.view.c.q._inner[l]._inner[p].d, q.l.f(this.c.item(o)));
399
+ NativeUI.r(this.view.c.q._inner[l]._inner[p].d, q.l.f(this.c.item(o)));
400
400
  }
401
401
  }
402
402
  }
@@ -407,32 +407,32 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
407
407
  if (u < this.d.count) {
408
408
  for (var v = 0; v < this.view.d.q._inner[r].count; v++) {
409
409
  var w = this.view.d.q._inner[r]._inner[v].c;
410
- NativeUI.y(this.view.d.q._inner[r]._inner[v].d, w.m.f(this.d.item(u)));
410
+ NativeUI.aa(this.view.d.q._inner[r]._inner[v].d, w.m.f(this.d.item(u)));
411
411
  }
412
412
  }
413
413
  }
414
414
  for (var x = 0; x < this.view.j.count; x++) {
415
415
  var y = this.view.j._inner[x].c;
416
- NativeUI.q(this.view.j._inner[x].d, y.l.f(this.cp));
417
- NativeUI.y(this.view.j._inner[x].d, y.m.f(this.cq));
416
+ NativeUI.r(this.view.j._inner[x].d, y.l.f(this.cp));
417
+ NativeUI.aa(this.view.j._inner[x].d, y.m.f(this.cq));
418
418
  }
419
419
  }
420
420
  var z = this.view.r;
421
421
  if (this.cp != null) {
422
- NativeUI.q(z, this.cp);
422
+ NativeUI.r(z, this.cp);
423
423
  }
424
424
  if (this.cq != null) {
425
- NativeUI.y(z, this.cq);
425
+ NativeUI.aa(z, this.cq);
426
426
  }
427
427
  if (!isNaN_(this.ad)) {
428
- NativeUI.ab(z, this.ad);
428
+ NativeUI.ad(z, this.ad);
429
429
  }
430
430
  }
431
431
  if (this.k != null) {
432
432
  this.view.ah(this.k);
433
433
  }
434
434
  if (this.cr != null) {
435
- NativeUI.p(this.view.r, this.cr);
435
+ NativeUI.q(this.view.r, this.cr);
436
436
  }
437
437
  };
438
438
  Object.defineProperty(XIcon.prototype, "i", {
@@ -954,15 +954,15 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
954
954
  XIcon.prototype.e = function () {
955
955
  var a = new IconVisualModelExport();
956
956
  var b = this.view.r;
957
- a.a = AppearanceHelper.a(NativeUI.aj(b));
958
- a.c = AppearanceHelper.a(NativeUI.aj(b));
959
- a.b = AppearanceHelper.a(NativeUI.ak(b));
957
+ a.a = AppearanceHelper.a(NativeUI.al(b));
958
+ a.c = AppearanceHelper.a(NativeUI.al(b));
959
+ a.b = AppearanceHelper.a(NativeUI.am(b));
960
960
  a.d = this.ad;
961
961
  var c = this.view.a();
962
962
  a.h = c[0];
963
963
  a.f = c[1];
964
964
  a.e = NativeUI.d(b);
965
- a.i = NativeUI.j(b);
965
+ a.i = NativeUI.k(b);
966
966
  a.svgPath = this.svgPath;
967
967
  if (this.k != null) {
968
968
  var d = this.k;