igniteui-webcomponents-inputs 4.3.3-beta.0 → 4.3.3-beta.2

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 (15) hide show
  1. package/bundles/igniteui-webcomponents-inputs.umd.js +634 -477
  2. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/CalendarView_combined.js +1 -1
  4. package/esm2015/lib/DatePickerView_combined.js +525 -422
  5. package/esm2015/lib/XPopupBridge.js +28 -28
  6. package/esm2015/lib/igc-date-picker-component.js +72 -42
  7. package/esm5/lib/CalendarView_combined.js +1 -1
  8. package/esm5/lib/DatePickerView_combined.js +521 -406
  9. package/esm5/lib/XPopupBridge.js +28 -28
  10. package/esm5/lib/igc-date-picker-component.js +84 -42
  11. package/fesm2015/igniteui-webcomponents-inputs.js +627 -494
  12. package/fesm5/igniteui-webcomponents-inputs.js +635 -478
  13. package/lib/DatePickerView_combined.d.ts +124 -107
  14. package/lib/igc-date-picker-component.d.ts +15 -0
  15. package/package.json +2 -2
package/esm2015/lib/DatePickerView_combined.js CHANGED
@@ -50,19 +50,21 @@ export let DatePickerView = /*@__PURE__*/ (() => {
50
50
  this.h = null;
51
51
  this.o = null;
52
52
  this.document_Click = this.document_Click.bind(this);
53
+ this.window_Resize = this.window_Resize.bind(this);
53
54
  }
54
- ak() {
55
+ am() {
55
56
  }
56
57
  get n() {
57
58
  return this.e;
58
59
  }
59
- ai(a) {
60
+ ak(a) {
60
61
  if (a == null) {
61
- this.b.cg();
62
+ this.b.cq();
62
63
  if (this.d != null) {
63
64
  let b = this.d.rootWrapper.getChildAt(0);
64
65
  b.unlistenAll();
65
66
  document.removeEventListener("click", this.document_Click, false);
67
+ window.removeEventListener("resize", this.window_Resize, false);
66
68
  }
67
69
  this.d = null;
68
70
  return;
@@ -70,19 +72,20 @@ export let DatePickerView = /*@__PURE__*/ (() => {
70
72
  this.d = a;
71
73
  let c = Math.round(a.rootWrapper.width());
72
74
  let d = Math.round(a.rootWrapper.height());
73
- this.ab();
74
- this.ac();
75
+ this.ad();
76
+ this.ae();
75
77
  let e = this.d.rootWrapper.getChildAt(0);
76
78
  e.listen("keydown", runOn(this, this.y));
77
79
  e.listen("focusin", runOn(this, this.w));
78
80
  e.listen("focusout", runOn(this, this.x));
79
81
  document.addEventListener("click", this.document_Click, false);
80
- this.o = new MutationObserver(runOn(this, this.aj));
82
+ window.addEventListener("resize", this.window_Resize, false);
83
+ this.o = new MutationObserver(runOn(this, this.al));
81
84
  }
82
- ab() {
85
+ ad() {
83
86
  if (this.d != null) {
84
87
  this.k = this.d.rootWrapper.getChildAt(0);
85
- this.k.setAttribute("tabIndex", this.b.a7.toString());
88
+ this.k.setAttribute("tabIndex", this.b.be.toString());
86
89
  this.k.setStyleProperty("display", "flex");
87
90
  this.k.setStyleProperty("height", "100%");
88
91
  this.l = this.d.createElement("div");
@@ -95,46 +98,48 @@ export let DatePickerView = /*@__PURE__*/ (() => {
95
98
  this.i = this.d.createElement("div");
96
99
  this.i.setAttribute("aria-hidden", "true");
97
100
  this.h = this.d.createElement("div");
98
- this.b.ch();
101
+ this.b.cr();
99
102
  this.j.getChildAt(0).setAttribute("aria-expanded", "fasle");
100
103
  this.j.getChildAt(0).setAttribute("aria-invalid", "false");
101
104
  this.f.setStyleProperty("height", "16px");
102
105
  this.f.setStyleProperty("width", "16px");
103
106
  this.h.setStyleProperty("height", "16px");
104
107
  this.h.setStyleProperty("width", "16px");
105
- this.f.listen("click", runOn(this, this.aa));
106
- this.h.listen("click", runOn(this, this.ae));
108
+ this.f.listen("click", runOn(this, this.ac));
109
+ this.f.listen("mousedown", runOn(this, this.aa));
110
+ this.f.listen("mouseleave", runOn(this, this.ab));
111
+ this.h.listen("click", runOn(this, this.ag));
107
112
  }
108
113
  }
109
- ao(a) {
114
+ aq(a) {
110
115
  if (this.d != null) {
111
116
  let b = this.d.getSubRenderer(this.k);
112
117
  a.provideContainer(b);
113
118
  let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
114
119
  }
115
120
  }
116
- aq(a) {
121
+ as(a) {
117
122
  if (this.d != null) {
118
123
  let b = this.d.getSubRenderer(this.l);
119
124
  a.provideContainer(b);
120
125
  let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
121
126
  }
122
127
  }
123
- ap(a) {
128
+ ar(a) {
124
129
  if (this.d != null) {
125
130
  let b = this.d.getSubRenderer(this.j);
126
131
  a.provideContainer(b);
127
132
  let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
128
133
  }
129
134
  }
130
- as(a, b) {
135
+ au(a, b) {
131
136
  if (this.d != null) {
132
137
  let c = this.d.getSubRenderer(b);
133
138
  a.provideContainer(c);
134
139
  let d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
135
140
  }
136
141
  }
137
- an(a, b) {
142
+ ap(a, b) {
138
143
  if (this.d != null) {
139
144
  let c = this.d.getSubRenderer(b);
140
145
  a.provideContainer(c);
@@ -159,7 +164,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
159
164
  s() {
160
165
  return this.h;
161
166
  }
162
- au(a) {
167
+ aw(a) {
163
168
  if (this.j != null) {
164
169
  if (a) {
165
170
  this.j.getChildAt(0).setAttribute("aria-expanded", "true");
@@ -169,7 +174,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
169
174
  }
170
175
  }
171
176
  }
172
- aw(a) {
177
+ ay(a) {
173
178
  if (a != null && a != "") {
174
179
  this.j.getChildAt(0).setAttribute("aria-label", a);
175
180
  }
@@ -177,9 +182,9 @@ export let DatePickerView = /*@__PURE__*/ (() => {
177
182
  this.j.getChildAt(0).setAttribute("aria-label", "Select a date");
178
183
  }
179
184
  }
180
- at() {
185
+ av() {
181
186
  if (this.f != null) {
182
- if (this.b.at == true) {
187
+ if (this.b.az == true) {
183
188
  this.f.show();
184
189
  }
185
190
  else {
@@ -187,67 +192,55 @@ export let DatePickerView = /*@__PURE__*/ (() => {
187
192
  }
188
193
  }
189
194
  }
190
- af() {
195
+ ah() {
191
196
  if (this.f != null) {
192
197
  this.f.hide();
193
198
  }
194
199
  }
195
- av() {
196
- this.k.setAttribute("tabIndex", this.b.a7.toString());
200
+ ax() {
201
+ this.k.setAttribute("tabIndex", this.b.be.toString());
197
202
  }
198
- al() {
203
+ an() {
199
204
  this.o.observe(document, { childList: true, subtree: true });
200
205
  }
201
- ah() {
206
+ aj() {
202
207
  this.o.disconnect();
203
208
  }
204
- ac() {
209
+ ae() {
205
210
  if (this.d != null) {
206
211
  this.m = this.d.rootWrapper.getChildAt(1);
207
212
  this.e = this.d.createElement("div");
208
213
  this.e.setStyleProperty("width", "100%");
209
214
  this.e.setStyleProperty("height", "100%");
210
215
  this.e.setStyleProperty("display", "flex");
211
- this.b.ci();
216
+ this.b.cs();
212
217
  this.e.parent().setStyleProperty("height", "100%");
213
- if (this.b.av == true) {
218
+ if (this.b.a1 == true) {
214
219
  this.e.parent().parent().setStyleProperty("max-width", "245px");
215
220
  }
216
221
  else {
217
222
  this.e.parent().parent().setStyleProperty("max-width", "232px");
218
223
  }
219
- if (this.b.au == true) {
220
- this.e.parent().parent().setStyleProperty("min-height", "270px");
221
- }
222
- else {
223
- this.e.parent().parent().setStyleProperty("min-height", "234px");
224
- }
225
224
  }
226
225
  }
227
226
  z() {
228
227
  if (this.d != null) {
229
- if (this.b.av == true) {
228
+ if (this.b.a1 == true) {
230
229
  this.e.parent().parent().setStyleProperty("max-width", "245px");
231
230
  }
232
231
  else {
233
232
  this.e.parent().parent().setStyleProperty("max-width", "232px");
234
233
  }
235
- if (this.b.au == true) {
236
- this.e.parent().parent().setStyleProperty("min-height", "270px");
237
- }
238
- else {
239
- this.e.parent().parent().setStyleProperty("min-height", "234px");
240
- }
241
234
  }
242
235
  }
243
- ar(a) {
236
+ at(a) {
244
237
  if (this.d != null) {
245
238
  let b = this.d.getSubRenderer(this.m);
246
239
  a.provideRenderer(b);
247
240
  let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
248
241
  }
249
242
  }
250
- am(a) {
243
+ ao(a) {
251
244
  if (this.d != null) {
252
245
  let b = this.d.getSubRenderer(this.e);
253
246
  a.provideContainer(b);
@@ -257,62 +250,73 @@ export let DatePickerView = /*@__PURE__*/ (() => {
257
250
  p() {
258
251
  return this.e;
259
252
  }
260
- aa(a) {
261
- if (this.b.ar == true) {
253
+ ac(a) {
254
+ if (this.b.av == true) {
262
255
  return;
263
256
  }
264
- this.b.cf();
257
+ this.b.cp();
265
258
  if (this.f != null) {
266
259
  this.f.hide();
267
260
  }
268
261
  }
269
- ae(a) {
262
+ aa(a) {
263
+ this.b.c8();
264
+ }
265
+ ab(a) {
266
+ this.b.c9();
267
+ }
268
+ ag(a) {
270
269
  a.stopPropagation();
271
- this.b.cn();
270
+ this.b.cx();
272
271
  }
273
272
  y(a) {
274
273
  let b = a.which;
275
274
  if (b == 27) {
276
- this.b.cg();
275
+ this.b.cq();
277
276
  }
278
277
  }
279
278
  w(a) {
280
279
  this.b.focus();
281
280
  let b = (a.originalEvent.relatedTarget);
282
281
  if (!this.c(b)) {
283
- this.b.ct();
282
+ this.b.c3();
284
283
  }
285
284
  }
286
285
  x(a) {
287
286
  let b = (a.originalEvent.relatedTarget);
288
287
  if (!this.c(b)) {
289
- this.b.cm();
290
- this.b.cu();
288
+ this.b.cw();
289
+ this.b.c4();
291
290
  }
292
291
  }
293
- aj(a, b) {
292
+ al(a, b) {
294
293
  if (this.d != null) {
295
294
  let c = this.d.rootWrapper.getNativeElement();
296
295
  if (!document.documentElement.contains(c)) {
297
- this.b.cg();
296
+ this.b.cq();
298
297
  }
299
298
  }
300
299
  else {
301
- this.b.cg();
300
+ this.b.cq();
302
301
  }
303
302
  }
304
303
  document_Click(a) {
305
304
  let b = a.target;
306
305
  if (!this.c(b)) {
307
- this.b.cg();
306
+ this.b.cq();
308
307
  }
309
308
  }
310
- ax() {
309
+ window_Resize(a) {
310
+ this.b.dm();
311
+ }
312
+ a0(a) {
311
313
  if (this.d != null) {
312
- let a = this.d.rootWrapper.getNativeElement();
313
- let b = a.getBoundingClientRect();
314
- ;
315
- return b;
314
+ let b = this.d.rootWrapper.getNativeElement();
315
+ let c = (b.getBoundingClientRect());
316
+ if (a) {
317
+ c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
318
+ }
319
+ return c;
316
320
  }
317
321
  return null;
318
322
  }
@@ -328,11 +332,11 @@ export let DatePickerView = /*@__PURE__*/ (() => {
328
332
  if (null == a) {
329
333
  return false;
330
334
  }
331
- let b = this.j.getNativeElement();
335
+ let b = this.d.rootWrapper.getNativeElement();
332
336
  let c = this.e.getNativeElement();
333
337
  return b.contains(a) || c.contains(a);
334
338
  }
335
- ag() {
339
+ ai() {
336
340
  }
337
341
  }
338
342
  DatePickerView.$t = /*@__PURE__*/ markType(DatePickerView, 'DatePickerView');
@@ -353,44 +357,48 @@ export let DatePicker = /*@__PURE__*/ (() => {
353
357
  this.m = null;
354
358
  this.n = null;
355
359
  this.c = null;
356
- this.a9 = "dd";
357
- this.bd = "mm";
358
- this.bg = "yyyy";
359
- this.ba = "mdy";
360
- this.bf = "/";
360
+ this.bg = "dd";
361
+ this.bk = "mm";
362
+ this.bn = "yyyy";
363
+ this.bh = "mdy";
364
+ this.bm = "/";
361
365
  this.ah = false;
362
- this.ap = false;
363
- this.ao = false;
364
- this.ay = dateMinValue();
366
+ this.at = false;
367
+ this.ar = false;
368
+ this.a5 = dateMinValue();
365
369
  this.ai = false;
366
370
  this.propertyChanged = null;
367
371
  this.selectedValueChanged = null;
368
372
  this.ae = null;
369
- this.a0 = dateMinValue();
370
- this.az = dateMinValue();
371
- this.bc = "";
372
- this.de = BrushUtil.g(255, 24, 29, 31);
373
+ this.a7 = dateMinValue();
374
+ this.a6 = dateMinValue();
375
+ this.bj = "";
376
+ this.dt = BrushUtil.g(255, 24, 29, 31);
373
377
  this.z = null;
374
- this.be = "";
375
- this.ax = dateMinValue();
376
- this.aw = dateMaxValue();
378
+ this.bl = "";
379
+ this.a4 = dateMinValue();
380
+ this.a3 = dateMaxValue();
377
381
  this.x = 2;
378
382
  this.v = 1;
379
383
  this.aa = null;
380
- this.df = BrushUtil.g(255, 24, 29, 31);
381
- this.dd = BrushUtil.g(255, 163, 172, 184);
382
- this.al = true;
383
- this.am = false;
384
+ this.du = BrushUtil.g(255, 24, 29, 31);
385
+ this.ds = BrushUtil.g(255, 163, 172, 184);
386
+ this.ao = true;
387
+ this.ap = false;
384
388
  this.ag = true;
385
- this.ak = true;
389
+ this.an = true;
386
390
  this.i = 0;
387
391
  this.k = 0;
388
- this.an = false;
392
+ this.aq = false;
389
393
  this.a = new DateTimeValueFormatter();
390
394
  this.d = 0;
391
- this.bb = null;
395
+ this.bi = null;
392
396
  this.aj = false;
393
- this.a6 = 0;
397
+ this.bd = 0;
398
+ this.ak = false;
399
+ this.am = false;
400
+ this.as = false;
401
+ this.al = false;
394
402
  this.gotFocus = null;
395
403
  this.lostFocus = null;
396
404
  this.keyDown = null;
@@ -398,15 +406,15 @@ export let DatePicker = /*@__PURE__*/ (() => {
398
406
  let a = new DatePickerView();
399
407
  a.b = this;
400
408
  this.h = a;
401
- this.h.ak();
402
- this.ce();
409
+ this.h.am();
410
+ this.co();
403
411
  }
404
- cz(a, b) {
412
+ db(a, b) {
405
413
  if (this.u != null) {
406
414
  this.ah = true;
407
- this.cg();
415
+ this.cq();
408
416
  }
409
- this.c8();
417
+ this.dl();
410
418
  if (this.selectedValueChanged != null) {
411
419
  this.selectedValueChanged(this, ((() => {
412
420
  let $ret = new SelectedValueChangedEventArgs();
@@ -416,23 +424,23 @@ export let DatePicker = /*@__PURE__*/ (() => {
416
424
  })()));
417
425
  }
418
426
  if (this.ai) {
419
- this.c3();
427
+ this.df();
420
428
  }
421
429
  }
422
430
  notifySizeChanged() {
423
- this.h.ag();
431
+ this.h.ai();
424
432
  }
425
433
  destroy() {
426
434
  if (this.c != null) {
427
435
  let a = this.c;
428
- a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.cd));
436
+ a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.cn));
429
437
  let b = this.c;
430
- b.close = delegateRemove(b.close, runOn(this, this.cc));
438
+ b.close = delegateRemove(b.close, runOn(this, this.cm));
431
439
  }
432
440
  this.provideContainer(null);
433
441
  }
434
442
  provideContainer(a) {
435
- this.h.ai(a);
443
+ this.h.ak(a);
436
444
  }
437
445
  setName(a) {
438
446
  this.o.e = a;
@@ -445,44 +453,44 @@ export let DatePicker = /*@__PURE__*/ (() => {
445
453
  return this.ae;
446
454
  }
447
455
  get value() {
448
- return this.a0;
456
+ return this.a7;
449
457
  }
450
458
  set value(a) {
451
- let b = this.a0;
452
- this.ay = b;
453
- this.a0 = a;
454
- if (+b != +(this.a0)) {
455
- this.cy("Value", b, this.a0);
459
+ let b = this.a7;
460
+ this.a5 = b;
461
+ this.a7 = a;
462
+ if (+b != +(this.a7)) {
463
+ this.da("Value", b, this.a7);
456
464
  }
457
465
  }
458
- get a3() {
459
- return this.az;
466
+ get ba() {
467
+ return this.a6;
460
468
  }
461
- set a3(a) {
462
- let b = this.az;
463
- this.az = a;
464
- if (+b != +(this.az)) {
465
- this.cy("Today", b, this.az);
469
+ set ba(a) {
470
+ let b = this.a6;
471
+ this.a6 = a;
472
+ if (+b != +(this.a6)) {
473
+ this.da("Today", b, this.a6);
466
474
  }
467
475
  }
468
- get bv() {
469
- return this.bc;
476
+ get b3() {
477
+ return this.bj;
470
478
  }
471
- set bv(a) {
472
- let b = this.bc;
473
- this.bc = a;
474
- if (b != this.bc) {
475
- this.cy("Label", b, this.bc);
479
+ set b3(a) {
480
+ let b = this.bj;
481
+ this.bj = a;
482
+ if (b != this.bj) {
483
+ this.da("Label", b, this.bj);
476
484
  }
477
485
  }
478
- get dh() {
479
- return this.de;
486
+ get dw() {
487
+ return this.dt;
480
488
  }
481
- set dh(a) {
482
- let b = this.de;
483
- this.de = a;
484
- if (b != this.de) {
485
- this.cy("LabelTextColor", b, a);
489
+ set dw(a) {
490
+ let b = this.dt;
491
+ this.dt = a;
492
+ if (b != this.dt) {
493
+ this.da("LabelTextColor", b, a);
486
494
  }
487
495
  }
488
496
  get ac() {
@@ -492,37 +500,37 @@ export let DatePicker = /*@__PURE__*/ (() => {
492
500
  let b = this.z;
493
501
  this.z = a;
494
502
  if (b != this.z) {
495
- this.cy("LabelTextStyle", b, this.z);
503
+ this.da("LabelTextStyle", b, this.z);
496
504
  }
497
505
  }
498
- get b2() {
499
- return this.be;
506
+ get cb() {
507
+ return this.bl;
500
508
  }
501
- set b2(a) {
502
- let b = this.be;
503
- this.be = a;
504
- if (b != this.be) {
505
- this.cy("Placeholder", b, this.be);
509
+ set cb(a) {
510
+ let b = this.bl;
511
+ this.bl = a;
512
+ if (b != this.bl) {
513
+ this.da("Placeholder", b, this.bl);
506
514
  }
507
515
  }
508
- get a2() {
509
- return this.ax;
516
+ get a9() {
517
+ return this.a4;
510
518
  }
511
- set a2(a) {
512
- let b = this.ax;
513
- this.ax = a;
514
- if (+b != +(this.ax)) {
515
- this.cy("MinDate", b, this.ax);
519
+ set a9(a) {
520
+ let b = this.a4;
521
+ this.a4 = a;
522
+ if (+b != +(this.a4)) {
523
+ this.da("MinDate", b, this.a4);
516
524
  }
517
525
  }
518
- get a1() {
519
- return this.aw;
526
+ get a8() {
527
+ return this.a3;
520
528
  }
521
- set a1(a) {
522
- let b = this.aw;
523
- this.aw = a;
524
- if (+b != +(this.aw)) {
525
- this.cy("MaxDate", b, this.aw);
529
+ set a8(a) {
530
+ let b = this.a3;
531
+ this.a3 = a;
532
+ if (+b != +(this.a3)) {
533
+ this.da("MaxDate", b, this.a3);
526
534
  }
527
535
  }
528
536
  get y() {
@@ -532,7 +540,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
532
540
  let b = this.x;
533
541
  this.x = a;
534
542
  if (b != this.x) {
535
- this.cy("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
543
+ this.da("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
536
544
  }
537
545
  }
538
546
  get w() {
@@ -542,7 +550,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
542
550
  let b = this.v;
543
551
  this.v = a;
544
552
  if (b != this.v) {
545
- this.cy("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
553
+ this.da("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
546
554
  }
547
555
  }
548
556
  get ad() {
@@ -552,67 +560,67 @@ export let DatePicker = /*@__PURE__*/ (() => {
552
560
  let b = this.aa;
553
561
  this.aa = a;
554
562
  if (b != this.aa) {
555
- this.cy("TextStyle", b, this.aa);
563
+ this.da("TextStyle", b, this.aa);
556
564
  }
557
565
  }
558
- get di() {
559
- return this.df;
566
+ get dx() {
567
+ return this.du;
560
568
  }
561
- set di(a) {
562
- let b = this.df;
563
- this.df = a;
564
- if (b != this.df) {
565
- this.cy("TextColor", b, this.df);
569
+ set dx(a) {
570
+ let b = this.du;
571
+ this.du = a;
572
+ if (b != this.du) {
573
+ this.da("TextColor", b, this.du);
566
574
  }
567
575
  }
568
- get dg() {
569
- return this.dd;
576
+ get dv() {
577
+ return this.ds;
570
578
  }
571
- set dg(a) {
572
- let b = this.dd;
573
- this.dd = a;
574
- if (b != this.dd) {
575
- this.cy("IconColor", b, this.dd);
579
+ set dv(a) {
580
+ let b = this.ds;
581
+ this.ds = a;
582
+ if (b != this.ds) {
583
+ this.da("IconColor", b, this.ds);
576
584
  }
577
585
  }
578
- get at() {
579
- return this.al;
586
+ get az() {
587
+ return this.ao;
580
588
  }
581
- set at(a) {
582
- let b = this.al;
583
- this.al = a;
584
- if (b != this.al) {
585
- this.cy("ShowClearButton", b, this.al);
589
+ set az(a) {
590
+ let b = this.ao;
591
+ this.ao = a;
592
+ if (b != this.ao) {
593
+ this.da("ShowClearButton", b, this.ao);
586
594
  }
587
595
  }
588
- get au() {
589
- return this.am;
596
+ get a0() {
597
+ return this.ap;
590
598
  }
591
- set au(a) {
592
- let b = this.am;
593
- this.am = a;
594
- if (b != this.am) {
595
- this.cy("ShowTodayButton", b, this.am);
599
+ set a0(a) {
600
+ let b = this.ap;
601
+ this.ap = a;
602
+ if (b != this.ap) {
603
+ this.da("ShowTodayButton", b, this.ap);
596
604
  }
597
605
  }
598
- get aq() {
606
+ get au() {
599
607
  return this.ag;
600
608
  }
601
- set aq(a) {
609
+ set au(a) {
602
610
  let b = this.ag;
603
611
  this.ag = a;
604
612
  if (b != this.ag) {
605
- this.cy("AllowTextInput", b, this.ag);
613
+ this.da("AllowTextInput", b, this.ag);
606
614
  }
607
615
  }
608
- get as() {
609
- return this.ak;
616
+ get ay() {
617
+ return this.an;
610
618
  }
611
- set as(a) {
612
- let b = this.ak;
613
- this.ak = a;
614
- if (b != this.ak) {
615
- this.cy("OpenOnFocus", b, this.ak);
619
+ set ay(a) {
620
+ let b = this.an;
621
+ this.an = a;
622
+ if (b != this.an) {
623
+ this.da("OpenOnFocus", b, this.an);
616
624
  }
617
625
  }
618
626
  get j() {
@@ -622,7 +630,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
622
630
  let b = this.i;
623
631
  this.i = a;
624
632
  if (b != this.i) {
625
- this.cy("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
633
+ this.da("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
626
634
  }
627
635
  }
628
636
  get l() {
@@ -632,17 +640,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
632
640
  let b = this.k;
633
641
  this.k = a;
634
642
  if (b != this.k) {
635
- this.cy("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
643
+ this.da("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
636
644
  }
637
645
  }
638
- get av() {
639
- return this.an;
646
+ get a1() {
647
+ return this.aq;
640
648
  }
641
- set av(a) {
642
- let b = this.an;
643
- this.an = a;
644
- if (b != this.an) {
645
- this.cy("ShowWeekNumbers", b, this.an);
649
+ set a1(a) {
650
+ let b = this.aq;
651
+ this.aq = a;
652
+ if (b != this.aq) {
653
+ this.da("ShowWeekNumbers", b, this.aq);
646
654
  }
647
655
  }
648
656
  get e() {
@@ -652,71 +660,101 @@ export let DatePicker = /*@__PURE__*/ (() => {
652
660
  let b = this.d;
653
661
  this.d = a;
654
662
  if (this.d != b) {
655
- this.cy("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
663
+ this.da("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
656
664
  }
657
665
  }
658
- get br() {
659
- return this.bb;
666
+ get by() {
667
+ return this.bi;
660
668
  }
661
- set br(a) {
662
- let b = this.bb;
663
- this.bb = a;
664
- if (b != this.bb) {
665
- this.cy("FormatString", b, this.bb);
669
+ set by(a) {
670
+ let b = this.bi;
671
+ this.bi = a;
672
+ if (b != this.bi) {
673
+ this.da("FormatString", b, this.bi);
666
674
  }
667
675
  }
668
- get ar() {
676
+ get av() {
669
677
  return this.aj;
670
678
  }
671
- set ar(a) {
679
+ set av(a) {
672
680
  let b = this.aj;
673
681
  this.aj = a;
674
682
  if (b != this.aj) {
675
- this.cy("IsDisabled", b, this.aj);
683
+ this.da("IsDisabled", b, this.aj);
676
684
  }
677
685
  }
678
- get a7() {
679
- return this.a6;
686
+ get be() {
687
+ return this.bd;
680
688
  }
681
- set a7(a) {
682
- let b = this.a6;
683
- this.a6 = a;
684
- if (b != this.a6) {
685
- this.cy("TabIndex", b, this.a6);
689
+ set be(a) {
690
+ let b = this.bd;
691
+ this.bd = a;
692
+ if (b != this.bd) {
693
+ this.da("TabIndex", b, this.bd);
694
+ }
695
+ }
696
+ get aw() {
697
+ return this.ak;
698
+ }
699
+ set aw(a) {
700
+ let b = this.ak;
701
+ this.ak = a;
702
+ if (b != this.ak) {
703
+ this.da("IsFixed", b, this.ak);
704
+ }
705
+ }
706
+ get ax() {
707
+ return this.am;
708
+ }
709
+ set ax(a) {
710
+ let b = this.am;
711
+ this.am = a;
712
+ if (b != this.am) {
713
+ this.da("OpenAsChild", b, this.am);
686
714
  }
687
715
  }
688
- cy(a, b, c) {
716
+ get a2() {
717
+ return this.as;
718
+ }
719
+ set a2(a) {
720
+ let b = this.as;
721
+ this.as = a;
722
+ if (b != this.as) {
723
+ this.da("UseTopLayer", b, this.as);
724
+ }
725
+ }
726
+ da(a, b, c) {
689
727
  if (this.propertyChanged != null) {
690
728
  this.propertyChanged(this, new PropertyChangedEventArgs(a));
691
729
  }
692
- this.c1(a, b, c);
730
+ this.dd(a, b, c);
693
731
  }
694
- c1(a, b, c) {
732
+ dd(a, b, c) {
695
733
  switch (a) {
696
734
  case "Density":
697
- this.c4();
735
+ this.dg();
698
736
  break;
699
737
  case "BaseTheme":
700
- this.c6();
738
+ this.di();
701
739
  break;
702
740
  case "Value":
703
741
  if (+(this.value) != +(dateMinValue())) {
704
- if (dateGetDate(this.value) < dateGetDate(this.a2) || dateGetDate(this.value) > dateGetDate(this.a1)) {
742
+ if (dateGetDate(this.value) < dateGetDate(this.a9) || dateGetDate(this.value) > dateGetDate(this.a8)) {
705
743
  this.ai = true;
706
- this.value = this.ay;
744
+ this.value = this.a5;
707
745
  this.ai = false;
708
746
  }
709
747
  }
710
- this.cz(this.ay, this.value);
711
- this.ay = this.value;
748
+ this.db(this.a5, this.value);
749
+ this.a5 = this.value;
712
750
  if (this.c != null) {
713
751
  this.c.value = this.value;
714
752
  }
715
753
  break;
716
754
  case "Label":
717
755
  if (this.r != null) {
718
- this.r.text = this.bv;
719
- if (this.bv != null && this.bv != "") {
756
+ this.r.text = this.b3;
757
+ if (this.b3 != null && this.b3 != "") {
720
758
  if (!this.q.inputs.contains(this.r)) {
721
759
  this.q.inputs.insert(0, this.r);
722
760
  }
@@ -730,25 +768,25 @@ export let DatePicker = /*@__PURE__*/ (() => {
730
768
  break;
731
769
  case "Placeholder":
732
770
  if (this.o != null) {
733
- this.o.cg = this.b2;
734
- this.h.aw(this.b2);
771
+ this.o.cg = this.cb;
772
+ this.h.ay(this.cb);
735
773
  }
736
774
  break;
737
775
  case "Today":
738
776
  if (this.c != null) {
739
- this.c.av = this.a3;
777
+ this.c.av = this.ba;
740
778
  }
741
779
  break;
742
780
  case "MaxDate":
743
781
  if (this.c != null) {
744
- let d = Base.compareSimple(this.a2, this.a1);
782
+ let d = Base.compareSimple(this.a9, this.a8);
745
783
  if (d >= 0) {
746
- this.a1 = dateMaxValue();
784
+ this.a8 = dateMaxValue();
747
785
  }
748
- this.c.at = this.aw;
786
+ this.c.at = this.a3;
749
787
  }
750
- if (dateGetDate(this.value) > dateGetDate(this.a1)) {
751
- this.ay = dateMinValue();
788
+ if (dateGetDate(this.value) > dateGetDate(this.a8)) {
789
+ this.a5 = dateMinValue();
752
790
  this.ai = true;
753
791
  this.value = dateMinValue();
754
792
  this.ai = false;
@@ -756,27 +794,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
756
794
  break;
757
795
  case "MinDate":
758
796
  if (this.c != null) {
759
- this.c.au = this.ax;
760
- let e = Base.compareSimple(this.a2, this.a1);
797
+ this.c.au = this.a4;
798
+ let e = Base.compareSimple(this.a9, this.a8);
761
799
  if (e >= 0) {
762
- this.ay = dateMaxValue();
763
- this.c.at = this.a1;
800
+ this.a5 = dateMaxValue();
801
+ this.c.at = this.a8;
764
802
  }
765
803
  }
766
- if (dateGetDate(this.value) < dateGetDate(this.a2)) {
767
- this.ay = dateMinValue();
804
+ if (dateGetDate(this.value) < dateGetDate(this.a9)) {
805
+ this.a5 = dateMinValue();
768
806
  this.ai = true;
769
807
  this.value = dateMinValue();
770
808
  this.ai = false;
771
809
  }
772
810
  break;
773
811
  case "TextStyle":
774
- this.c9();
812
+ this.dn();
775
813
  break;
776
814
  case "ShowClearButton":
777
815
  if (this.o != null) {
778
816
  if (this.o.cq != "") {
779
- this.h.at();
817
+ this.h.av();
780
818
  }
781
819
  }
782
820
  break;
@@ -784,27 +822,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
784
822
  case "LabelTextStyle":
785
823
  case "TextColor":
786
824
  case "IconColor":
787
- this.da();
825
+ this.dp();
788
826
  break;
789
827
  case "ShowTodayButton":
790
828
  if (this.c != null) {
791
- this.c.ae = this.au;
829
+ this.c.ae = this.a0;
792
830
  this.h.z();
793
831
  }
794
832
  break;
795
833
  case "AllowTextInput":
796
834
  if (this.o != null) {
797
- this.o.disabled = !this.aq;
835
+ this.o.disabled = !this.au;
798
836
  }
799
837
  break;
800
838
  case "OpenOnFocus": break;
801
839
  case "DateFormat":
802
840
  this.a.k(this.e);
803
- this.c8();
841
+ this.dl();
804
842
  break;
805
843
  case "FormatString":
806
- this.ce();
807
- this.c8();
844
+ this.co();
845
+ this.dl();
808
846
  break;
809
847
  case "FirstDayOfWeek":
810
848
  if (this.c != null) {
@@ -813,7 +851,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
813
851
  break;
814
852
  case "ShowWeekNumbers":
815
853
  if (this.c != null) {
816
- this.c.af = this.av;
854
+ this.c.af = this.a1;
817
855
  this.h.z();
818
856
  }
819
857
  break;
@@ -825,21 +863,31 @@ export let DatePicker = /*@__PURE__*/ (() => {
825
863
  case "IsDisabled":
826
864
  {
827
865
  if (this.q != null) {
828
- this.q.disabled = this.ar;
866
+ this.q.disabled = this.av;
829
867
  }
830
868
  if (this.o != null) {
831
- this.o.disabled = this.ar;
869
+ this.o.disabled = this.av;
832
870
  }
833
871
  }
834
872
  break;
835
873
  case "TabIndex":
836
- this.h.av();
874
+ this.h.ax();
875
+ break;
876
+ case "IsFixed":
877
+ if (this.u != null) {
878
+ this.u.aq = this.aw;
879
+ }
880
+ break;
881
+ case "UseTopLayer":
882
+ if (this.u != null) {
883
+ this.u.ax = this.a2;
884
+ }
837
885
  break;
838
886
  }
839
887
  }
840
- ce() {
888
+ co() {
841
889
  let a = '/';
842
- let b = this.br != null ? this.br.toLowerCase() : this.a.j();
890
+ let b = this.by != null ? this.by.toLowerCase() : this.a.j();
843
891
  if (stringContains(b, "/")) {
844
892
  a = '/';
845
893
  }
@@ -855,7 +903,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
855
903
  else if (stringContains(b, ",")) {
856
904
  a = ',';
857
905
  }
858
- this.bf = a.toString();
906
+ this.bm = a.toString();
859
907
  let c = b.split(a);
860
908
  if (c.length == 3) {
861
909
  let d = "";
@@ -864,19 +912,19 @@ export let DatePicker = /*@__PURE__*/ (() => {
864
912
  d += "d";
865
913
  switch (c[e]) {
866
914
  case "d":
867
- this.a9 = c[e];
915
+ this.bg = c[e];
868
916
  break;
869
917
  case "dd":
870
- this.a9 = c[e];
918
+ this.bg = c[e];
871
919
  break;
872
920
  case "ddd":
873
- this.a9 = c[e];
921
+ this.bg = c[e];
874
922
  break;
875
923
  case "dddd":
876
- this.a9 = c[e];
924
+ this.bg = c[e];
877
925
  break;
878
926
  default:
879
- this.a9 = "dd";
927
+ this.bg = "dd";
880
928
  break;
881
929
  }
882
930
  }
@@ -884,125 +932,125 @@ export let DatePicker = /*@__PURE__*/ (() => {
884
932
  d += "m";
885
933
  switch (c[e]) {
886
934
  case "m":
887
- this.bd = c[e];
935
+ this.bk = c[e];
888
936
  break;
889
937
  case "mm":
890
- this.bd = c[e];
938
+ this.bk = c[e];
891
939
  break;
892
940
  case "mmm":
893
- this.bd = c[e];
941
+ this.bk = c[e];
894
942
  break;
895
943
  case "mmmm":
896
- this.bd = c[e];
944
+ this.bk = c[e];
897
945
  break;
898
946
  default:
899
- this.bd = "mm";
947
+ this.bk = "mm";
900
948
  break;
901
949
  }
902
- this.bd = c[e];
950
+ this.bk = c[e];
903
951
  }
904
952
  else if (stringContains(c[e], "y")) {
905
953
  d += "y";
906
954
  switch (c[e]) {
907
955
  case "yy":
908
- this.bg = c[e];
956
+ this.bn = c[e];
909
957
  break;
910
958
  case "yyyy":
911
- this.bg = c[e];
959
+ this.bn = c[e];
912
960
  break;
913
961
  default:
914
- this.bg = "yyyy";
962
+ this.bn = "yyyy";
915
963
  break;
916
964
  }
917
965
  }
918
966
  }
919
967
  if (d == "dmy" || d == "mdy" || d == "ymd") {
920
- this.ba = d;
968
+ this.bh = d;
921
969
  }
922
970
  else {
923
- this.ba = "mdy";
971
+ this.bh = "mdy";
924
972
  }
925
973
  }
926
974
  }
927
- da() {
975
+ dp() {
928
976
  if (this.o != null) {
929
- this.o.d8 = this.di;
977
+ this.o.d8 = this.dx;
930
978
  }
931
979
  if (this.m != null) {
932
- this.m.fill = this.dg;
980
+ this.m.fill = this.dv;
933
981
  }
934
982
  if (this.n != null) {
935
- this.n.fill = this.dg;
983
+ this.n.fill = this.dv;
936
984
  }
937
985
  if (this.r != null) {
938
- this.r.df = this.dh;
986
+ this.r.df = this.dw;
939
987
  this.r.y = this.ac;
940
988
  }
941
989
  }
942
- c7() {
990
+ dk() {
943
991
  if (this.q != null) {
944
992
  }
945
993
  }
946
- c9() {
994
+ dn() {
947
995
  if (this.aa != null) {
948
996
  this.o.af = this.aa;
949
997
  }
950
998
  }
951
- ch() {
999
+ cr() {
952
1000
  this.q = new XInputGroup();
953
- this.h.ao(this.q);
1001
+ this.h.aq(this.q);
954
1002
  this.q.d = 0;
955
1003
  this.q.p = this.w;
956
1004
  this.q.t = this.y;
957
1005
  this.r = new XLabel();
958
- this.h.aq(this.r);
959
- this.r.df = this.dh;
1006
+ this.h.as(this.r);
1007
+ this.r.df = this.dw;
960
1008
  this.r.y = this.ac;
961
1009
  this.q.appendContentChild(this.h.v());
962
- if (this.bv != null && this.bv != "") {
963
- this.r.text = this.bv;
1010
+ if (this.b3 != null && this.b3 != "") {
1011
+ this.r.text = this.b3;
964
1012
  this.q.inputs.add(this.r);
965
1013
  }
966
1014
  this.o = new XInput();
967
- this.h.ap(this.o);
1015
+ this.h.ar(this.o);
968
1016
  this.o.b8 = "text";
969
1017
  if (this.aa != null) {
970
1018
  this.o.af = this.aa;
971
1019
  }
972
- this.o.disabled = !this.aq;
973
- this.o.d8 = this.di;
1020
+ this.o.disabled = !this.au;
1021
+ this.o.d8 = this.dx;
974
1022
  this.q.appendContentChild(this.h.u());
975
1023
  this.q.inputs.add(this.o);
976
- this.o.cg = this.b2;
977
- this.h.aw(this.b2);
1024
+ this.o.cg = this.cb;
1025
+ this.h.ay(this.cb);
978
1026
  let a = this.o;
979
- a.change = delegateCombine(a.change, runOn(this, this.co));
1027
+ a.change = delegateCombine(a.change, runOn(this, this.cy));
980
1028
  let b = this.o;
981
- b.changing = delegateCombine(b.changing, runOn(this, this.cp));
1029
+ b.changing = delegateCombine(b.changing, runOn(this, this.cz));
982
1030
  let c = this.o;
983
- c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cq));
1031
+ c.keyDown = delegateCombine(c.keyDown, runOn(this, this.c0));
984
1032
  let d = new XSuffix();
985
- this.h.as(d, this.h.r());
1033
+ this.h.au(d, this.h.r());
986
1034
  this.m = new XIcon();
987
- this.h.an(this.m, this.h.q());
988
- this.m.svgPath = DatePicker.bk;
989
- this.m.fill = this.dg;
1035
+ this.h.ap(this.m, this.h.q());
1036
+ this.m.svgPath = DatePicker.br;
1037
+ this.m.fill = this.dv;
990
1038
  d.appendContentChild(this.h.q());
991
1039
  this.q.appendContentChild(this.h.r());
992
1040
  this.q.inputs.add(d);
993
- this.c8();
1041
+ this.dl();
994
1042
  let e = new XSuffix();
995
- this.h.as(e, this.h.t());
1043
+ this.h.au(e, this.h.t());
996
1044
  this.n = new XIcon();
997
- this.h.an(this.n, this.h.s());
998
- this.n.svgPath = DatePicker.bj;
999
- this.n.fill = this.dg;
1045
+ this.h.ap(this.n, this.h.s());
1046
+ this.n.svgPath = DatePicker.bq;
1047
+ this.n.fill = this.dv;
1000
1048
  e.appendContentChild(this.h.s());
1001
1049
  this.q.appendContentChild(this.h.t());
1002
1050
  this.q.inputs.add(e);
1003
1051
  }
1004
- cq(a, b) {
1005
- this.cw(b);
1052
+ c0(a, b) {
1053
+ this.c6(b);
1006
1054
  if (b.defaultPrevented) {
1007
1055
  return;
1008
1056
  }
@@ -1010,51 +1058,51 @@ export let DatePicker = /*@__PURE__*/ (() => {
1010
1058
  let d = b.modifiers;
1011
1059
  switch (c) {
1012
1060
  case 9:
1013
- this.ao = true;
1014
- if (!this.ap) {
1015
- this.dc(this.o.cq);
1061
+ this.ar = true;
1062
+ if (!this.at) {
1063
+ this.dr(this.o.cq);
1016
1064
  }
1017
1065
  this.ah = true;
1018
- this.cg();
1019
- this.ao = false;
1066
+ this.cq();
1067
+ this.ar = false;
1020
1068
  break;
1021
1069
  case 13:
1022
- this.ao = true;
1023
- if (!this.ap) {
1024
- this.dc(this.o.cq);
1070
+ this.ar = true;
1071
+ if (!this.at) {
1072
+ this.dr(this.o.cq);
1025
1073
  }
1026
1074
  this.ah = true;
1027
- this.cg();
1028
- this.ao = false;
1075
+ this.cq();
1076
+ this.ar = false;
1029
1077
  break;
1030
1078
  case 40:
1031
1079
  if (d == 1) {
1032
- this.c0();
1033
- this.cl();
1080
+ this.dc();
1081
+ this.cv();
1034
1082
  }
1035
1083
  break;
1036
1084
  case 38:
1037
1085
  if (d == 1) {
1038
- this.cg();
1086
+ this.cq();
1039
1087
  }
1040
1088
  break;
1041
1089
  }
1042
1090
  }
1043
- cp(a, b) {
1044
- this.cs(b);
1091
+ cz(a, b) {
1092
+ this.c2(b);
1045
1093
  if (b.value.length > 0) {
1046
- this.h.at();
1094
+ this.h.av();
1047
1095
  }
1048
1096
  else {
1049
- this.h.af();
1097
+ this.h.ah();
1050
1098
  }
1051
1099
  }
1052
- co(a, b) {
1053
- this.ap = true;
1054
- this.dc(b.value);
1055
- this.ap = false;
1100
+ cy(a, b) {
1101
+ this.at = true;
1102
+ this.dr(b.value);
1103
+ this.at = false;
1056
1104
  }
1057
- dc(a) {
1105
+ dr(a) {
1058
1106
  let b = ['/', '-', ' ', '.', ','];
1059
1107
  let c = stringSplit(a, b, 1);
1060
1108
  let d = 0;
@@ -1065,17 +1113,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
1065
1113
  if (c[0].length == 0 || c[1].length == 0 || c[2].length == 0) {
1066
1114
  g = false;
1067
1115
  }
1068
- if (this.ba == "dmy") {
1116
+ if (this.bh == "dmy") {
1069
1117
  d = parseInt(c[0]);
1070
1118
  e = parseInt(c[1]);
1071
1119
  f = parseInt(c[2]);
1072
1120
  }
1073
- else if (this.ba == "mdy") {
1121
+ else if (this.bh == "mdy") {
1074
1122
  e = parseInt(c[0]);
1075
1123
  d = parseInt(c[1]);
1076
1124
  f = parseInt(c[2]);
1077
1125
  }
1078
- else if (this.ba == "ymd") {
1126
+ else if (this.bh == "ymd") {
1079
1127
  f = parseInt(c[0]);
1080
1128
  e = parseInt(c[1]);
1081
1129
  d = parseInt(c[2]);
@@ -1088,13 +1136,13 @@ export let DatePicker = /*@__PURE__*/ (() => {
1088
1136
  }
1089
1137
  if (isNaN_(e)) {
1090
1138
  let h = "";
1091
- if (this.ba == "dmy") {
1139
+ if (this.bh == "dmy") {
1092
1140
  h = c[1].toLowerCase();
1093
1141
  }
1094
- else if (this.ba == "mdy") {
1142
+ else if (this.bh == "mdy") {
1095
1143
  h = c[0].toLowerCase();
1096
1144
  }
1097
- else if (this.ba == "ymd") {
1145
+ else if (this.bh == "ymd") {
1098
1146
  h = c[1].toLowerCase();
1099
1147
  }
1100
1148
  let i = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full").toLowerCase() : "january";
@@ -1170,45 +1218,45 @@ export let DatePicker = /*@__PURE__*/ (() => {
1170
1218
  }
1171
1219
  if (g) {
1172
1220
  let ag = dateFromValues(f, e, d, 0, 0, 0, 0);
1173
- let ah = Base.compareSimple(ag, this.a2);
1174
- let ai = Base.compareSimple(ag, this.a1);
1221
+ let ah = Base.compareSimple(ag, this.a9);
1222
+ let ai = Base.compareSimple(ag, this.a8);
1175
1223
  if (ah < 0 || ai > 0) {
1176
- this.c8();
1224
+ this.dl();
1177
1225
  }
1178
1226
  else {
1179
- this.db(ag);
1180
- this.h.at();
1227
+ this.dq(ag);
1228
+ this.h.av();
1181
1229
  }
1182
1230
  }
1183
1231
  else {
1184
1232
  if (stringIsNullOrEmpty(a)) {
1185
- this.cf();
1233
+ this.cp();
1186
1234
  }
1187
1235
  else {
1188
- this.c8();
1236
+ this.dl();
1189
1237
  }
1190
1238
  }
1191
1239
  }
1192
- db(a) {
1240
+ dq(a) {
1193
1241
  let b = this.value;
1194
1242
  this.value = a;
1195
1243
  }
1196
- c8() {
1244
+ dl() {
1197
1245
  if (this.o != null) {
1198
- if (+(this.a0) != +(dateMinValue())) {
1246
+ if (+(this.a7) != +(dateMinValue())) {
1199
1247
  let a = "";
1200
- if (this.br == null) {
1248
+ if (this.by == null) {
1201
1249
  a = this.a.i(this.value);
1202
1250
  }
1203
1251
  else {
1204
1252
  let b = this.value.getDate().toString();
1205
1253
  let c = b;
1206
- if (this.a9 == "dd") {
1254
+ if (this.bg == "dd") {
1207
1255
  if (this.value.getDate() < 10) {
1208
1256
  b = "0" + b;
1209
1257
  }
1210
1258
  }
1211
- else if (this.a9 == "ddd") {
1259
+ else if (this.bg == "ddd") {
1212
1260
  switch (this.value.getDay()) {
1213
1261
  case 0:
1214
1262
  b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Short")) ? this.af.b1("Sunday_Short") : "Sun";
@@ -1233,7 +1281,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
1233
1281
  break;
1234
1282
  }
1235
1283
  }
1236
- else if (this.a9 == "dddd") {
1284
+ else if (this.bg == "dddd") {
1237
1285
  switch (this.value.getDay()) {
1238
1286
  case 0:
1239
1287
  b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Full")) ? this.af.b1("Sunday_Full") : "Sunday";
@@ -1259,12 +1307,12 @@ export let DatePicker = /*@__PURE__*/ (() => {
1259
1307
  }
1260
1308
  }
1261
1309
  let d = dateGetMonth(this.value).toString();
1262
- if (this.bd == "mm") {
1310
+ if (this.bk == "mm") {
1263
1311
  if (dateGetMonth(this.value) < 10) {
1264
1312
  d = "0" + d;
1265
1313
  }
1266
1314
  }
1267
- else if (this.bd == "mmm") {
1315
+ else if (this.bk == "mmm") {
1268
1316
  switch (dateGetMonth(this.value)) {
1269
1317
  case 1:
1270
1318
  d = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short") : "Jan";
@@ -1304,7 +1352,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
1304
1352
  break;
1305
1353
  }
1306
1354
  }
1307
- else if (this.bd == "mmmm") {
1355
+ else if (this.bk == "mmmm") {
1308
1356
  switch (dateGetMonth(this.value)) {
1309
1357
  case 1:
1310
1358
  d = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full") : "January";
@@ -1345,45 +1393,45 @@ export let DatePicker = /*@__PURE__*/ (() => {
1345
1393
  }
1346
1394
  }
1347
1395
  let e = this.value.getFullYear().toString();
1348
- if (this.bg == "yy") {
1396
+ if (this.bn == "yy") {
1349
1397
  e = e.substr(2);
1350
1398
  }
1351
- if (this.ba == "dmy") {
1352
- if (this.a9 == "ddd" || this.a9 == "dddd") {
1353
- a = b + this.bf + d + " " + c + this.bf + e;
1399
+ if (this.bh == "dmy") {
1400
+ if (this.bg == "ddd" || this.bg == "dddd") {
1401
+ a = b + this.bm + d + " " + c + this.bm + e;
1354
1402
  }
1355
1403
  else {
1356
- a = b + this.bf + d + this.bf + e;
1404
+ a = b + this.bm + d + this.bm + e;
1357
1405
  }
1358
1406
  }
1359
- else if (this.ba == "mdy") {
1360
- if (this.a9 == "ddd" || this.a9 == "dddd") {
1361
- a = d + " " + c + this.bf + b + this.bf + e;
1407
+ else if (this.bh == "mdy") {
1408
+ if (this.bg == "ddd" || this.bg == "dddd") {
1409
+ a = d + " " + c + this.bm + b + this.bm + e;
1362
1410
  }
1363
1411
  else {
1364
- a = d + this.bf + b + this.bf + e;
1412
+ a = d + this.bm + b + this.bm + e;
1365
1413
  }
1366
1414
  }
1367
- else if (this.ba == "ymd") {
1368
- if (this.a9 == "ddd" || this.a9 == "dddd") {
1369
- a = e + this.bf + d + " " + c + this.bf + b;
1415
+ else if (this.bh == "ymd") {
1416
+ if (this.bg == "ddd" || this.bg == "dddd") {
1417
+ a = e + this.bm + d + " " + c + this.bm + b;
1370
1418
  }
1371
1419
  else {
1372
- a = e + this.bf + d + this.bf + b;
1420
+ a = e + this.bm + d + this.bm + b;
1373
1421
  }
1374
1422
  }
1375
1423
  }
1376
1424
  this.o.cq = a;
1377
- this.h.at();
1425
+ this.h.av();
1378
1426
  }
1379
1427
  else {
1380
1428
  this.o.cq = "";
1381
- this.h.af();
1429
+ this.h.ah();
1382
1430
  }
1383
1431
  }
1384
1432
  }
1385
- cf() {
1386
- if (this.ar == true) {
1433
+ cp() {
1434
+ if (this.av == true) {
1387
1435
  return;
1388
1436
  }
1389
1437
  if (this.o != null) {
@@ -1391,111 +1439,166 @@ export let DatePicker = /*@__PURE__*/ (() => {
1391
1439
  }
1392
1440
  this.value = dateMinValue();
1393
1441
  this.c.ch();
1442
+ this.al = false;
1443
+ }
1444
+ c8() {
1445
+ this.al = true;
1446
+ }
1447
+ c9() {
1448
+ this.al = false;
1394
1449
  }
1395
- ci() {
1450
+ cs() {
1396
1451
  this.u = new Popup();
1397
- this.h.ar(this.u);
1452
+ this.u.aq = this.aw;
1453
+ this.u.ax = this.a2;
1454
+ this.u.cw = BrushUtil.g(255, 255, 255, 255);
1455
+ this.u.a8 = 150;
1456
+ this.h.at(this.u);
1398
1457
  this.c = new XCalendar();
1399
- this.h.am(this.c);
1400
- if (+(this.a2) != +(dateMinValue())) {
1401
- this.c.au = this.a2;
1458
+ this.h.ao(this.c);
1459
+ if (+(this.a9) != +(dateMinValue())) {
1460
+ this.c.au = this.a9;
1402
1461
  }
1403
- if (+(this.a1) != +(dateMaxValue())) {
1404
- this.c.at = this.a1;
1462
+ if (+(this.a8) != +(dateMaxValue())) {
1463
+ this.c.at = this.a8;
1405
1464
  }
1406
- if (+(this.a3) != +(dateMinValue())) {
1407
- this.c.av = this.a3;
1465
+ if (+(this.ba) != +(dateMinValue())) {
1466
+ this.c.av = this.ba;
1408
1467
  }
1409
- this.c.ae = this.au;
1468
+ this.c.ae = this.a0;
1410
1469
  this.c.l = this.j;
1411
- this.c.af = this.av;
1470
+ this.c.af = this.a1;
1412
1471
  this.c.o = this.l;
1413
1472
  let a = this.c;
1414
- a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.cd));
1473
+ a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.cn));
1415
1474
  let b = this.c;
1416
- b.close = delegateCombine(b.close, runOn(this, this.cc));
1475
+ b.close = delegateCombine(b.close, runOn(this, this.cm));
1417
1476
  this.u.appendPopupContent(this.h.p());
1418
1477
  }
1419
- cd(a, b) {
1478
+ cn(a, b) {
1420
1479
  this.ai = true;
1421
1480
  this.value = b.newValue;
1422
1481
  this.ai = false;
1423
1482
  }
1424
- cc(a) {
1425
- if (this.u.av) {
1483
+ cm(a) {
1484
+ if (this.u.aw) {
1426
1485
  this.ah = true;
1427
- this.cg();
1486
+ this.cq();
1428
1487
  }
1429
1488
  }
1430
- cn() {
1489
+ cx() {
1431
1490
  if (this.ah == false) {
1432
- if (this.u.av) {
1433
- this.cg();
1491
+ if (this.u.aw) {
1492
+ this.cq();
1434
1493
  }
1435
1494
  else {
1436
- this.c0();
1495
+ this.dc();
1437
1496
  }
1438
1497
  }
1439
1498
  else {
1440
1499
  this.ah = false;
1441
1500
  }
1442
1501
  }
1443
- c0() {
1444
- if (this.ar) {
1502
+ dc() {
1503
+ if (this.av) {
1445
1504
  return;
1446
1505
  }
1447
1506
  if (this.u != null) {
1448
- let a = this.h.ax();
1507
+ let a = this.h.a0(false);
1508
+ let b = this.h.a()[1];
1509
+ let c = 240;
1510
+ if (this.a0 == true) {
1511
+ c = 270;
1512
+ }
1513
+ let d = a.bottom + c;
1514
+ if (b < d) {
1515
+ let e = a.top - c;
1516
+ if (e < 0) {
1517
+ this.dj(1, 0);
1518
+ }
1519
+ else {
1520
+ this.dj(2, 0);
1521
+ }
1522
+ }
1523
+ else {
1524
+ this.dj(1, 0);
1525
+ }
1526
+ this.h.an();
1527
+ this.h.aw(true);
1528
+ }
1529
+ }
1530
+ dj(a, b) {
1531
+ if (this.ax) {
1532
+ this.u.cn(this.h.d.rootWrapper.getNativeElement(), a, b);
1533
+ }
1534
+ else {
1535
+ let c = this.h.a0(true);
1536
+ this.u.showRelativeToExclusionRect(c, a, b);
1537
+ }
1538
+ }
1539
+ dm() {
1540
+ if (this.u.aw) {
1541
+ let a = this.h.a0(false);
1449
1542
  let b = new Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
1450
1543
  let c = this.h.a()[1];
1451
1544
  let d = 240;
1452
- if (this.au == true) {
1545
+ if (this.a0 == true) {
1453
1546
  d = 270;
1454
1547
  }
1455
1548
  let e = a.bottom + d;
1456
1549
  if (c < e) {
1457
1550
  let f = a.top - d;
1458
1551
  if (f < 0) {
1459
- this.u.showRelativeToExclusionRect(b, 1, 0);
1552
+ if (this.u.r != 1) {
1553
+ this.u.r = 1;
1554
+ this.u.b7(b);
1555
+ }
1460
1556
  }
1461
1557
  else {
1462
- this.u.showRelativeToExclusionRect(b, 2, 0);
1558
+ if (this.u.r != 2) {
1559
+ this.u.r = 2;
1560
+ this.u.b7(b);
1561
+ }
1463
1562
  }
1464
1563
  }
1465
1564
  else {
1466
- this.u.showRelativeToExclusionRect(b, 1, 0);
1565
+ if (this.u.r != 1) {
1566
+ this.u.r = 1;
1567
+ this.u.b7(b);
1568
+ }
1467
1569
  }
1468
- this.h.al();
1469
- this.h.au(true);
1470
1570
  }
1471
1571
  }
1472
- cg() {
1572
+ cq() {
1473
1573
  if (this.u != null) {
1474
- window.setTimeout(() => this.u.bx(), 0);
1574
+ window.setTimeout(() => this.u.b3(), 0);
1475
1575
  }
1476
1576
  if (this.c != null) {
1477
1577
  this.c.cy();
1478
1578
  }
1479
- this.h.au(false);
1579
+ this.h.aw(false);
1480
1580
  this.ah = false;
1481
- this.h.ah();
1581
+ this.h.aj();
1482
1582
  }
1483
1583
  focus(a = false) {
1484
1584
  if (this.o != null) {
1485
1585
  this.o.focus(a);
1486
1586
  }
1487
- if (!this.u.av && this.as == true) {
1587
+ if (!this.u.aw && this.ay == true) {
1488
1588
  if (this.ah == false) {
1489
- if (this.aq == false) {
1490
- this.c0();
1589
+ if (this.al) {
1590
+ return;
1591
+ }
1592
+ if (this.au == false) {
1593
+ this.dc();
1491
1594
  this.ah = true;
1492
- window.setTimeout(() => this.cl(), 0);
1595
+ window.setTimeout(() => this.cv(), 0);
1493
1596
  }
1494
1597
  else {
1495
- if (this.as == true && this.ao == false) {
1496
- this.c0();
1598
+ if (this.ay == true && this.ar == false) {
1599
+ this.dc();
1497
1600
  this.ah = true;
1498
- window.setTimeout(() => this.cl(), 0);
1601
+ window.setTimeout(() => this.cv(), 0);
1499
1602
  }
1500
1603
  }
1501
1604
  }
@@ -1504,33 +1607,33 @@ export let DatePicker = /*@__PURE__*/ (() => {
1504
1607
  }
1505
1608
  }
1506
1609
  }
1507
- cm() {
1610
+ cw() {
1508
1611
  this.ah = false;
1509
1612
  }
1510
- c3() {
1613
+ df() {
1511
1614
  if (this.o != null) {
1512
1615
  this.o.dp();
1513
1616
  }
1514
1617
  }
1515
- cl() {
1618
+ cv() {
1516
1619
  this.c.cq();
1517
1620
  }
1518
- ct() {
1621
+ c3() {
1519
1622
  let a = new GotFocusEventArgs();
1520
- this.cv(a);
1623
+ this.c5(a);
1521
1624
  }
1522
- cu() {
1625
+ c4() {
1523
1626
  let a = new LostFocusEventArgs();
1524
- this.cx(a);
1627
+ this.c7(a);
1525
1628
  }
1526
- c6() {
1629
+ di() {
1527
1630
  }
1528
- c4() {
1631
+ dg() {
1529
1632
  }
1530
- a8() {
1633
+ bf() {
1531
1634
  return this.b();
1532
1635
  }
1533
- bo() {
1636
+ bv() {
1534
1637
  let a = this.b();
1535
1638
  return a.g();
1536
1639
  }
@@ -1538,7 +1641,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
1538
1641
  let a = new DatePickerVisualModelExport();
1539
1642
  a.e = this.y;
1540
1643
  a.d = this.w;
1541
- a.c = this.u.a9();
1644
+ a.c = this.u.bc();
1542
1645
  a.b = this.q.fe();
1543
1646
  a.a = this.c.bj();
1544
1647
  if (this.ad != null) {
@@ -1571,30 +1674,30 @@ export let DatePicker = /*@__PURE__*/ (() => {
1571
1674
  }
1572
1675
  return a;
1573
1676
  }
1574
- cv(a) {
1677
+ c5(a) {
1575
1678
  if (null != this.gotFocus) {
1576
1679
  this.gotFocus(this, a);
1577
1680
  }
1578
1681
  }
1579
- cx(a) {
1682
+ c7(a) {
1580
1683
  if (null != this.lostFocus) {
1581
1684
  this.lostFocus(this, a);
1582
1685
  }
1583
1686
  }
1584
- cw(a) {
1687
+ c6(a) {
1585
1688
  if (null != this.keyDown) {
1586
1689
  this.keyDown(this, a);
1587
1690
  }
1588
1691
  }
1589
- cs(a) {
1692
+ c2(a) {
1590
1693
  if (null != this.changing) {
1591
1694
  this.changing(this, a);
1592
1695
  }
1593
1696
  }
1594
1697
  }
1595
1698
  DatePicker.$t = /*@__PURE__*/ markType(DatePicker, 'DatePicker', Base.$, [INotifyPropertyChanged_$type]);
1596
- DatePicker.bj = "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z";
1597
- DatePicker.bk = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
1699
+ DatePicker.bq = "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z";
1700
+ DatePicker.br = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
1598
1701
  DatePicker.ab = null;
1599
1702
  return DatePicker;
1600
1703
  })();