igniteui-webcomponents-inputs 4.0.3 → 4.0.4
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.
- package/bundles/igniteui-webcomponents-inputs.umd.js +67 -49
- package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
- package/esm2015/lib/DatePickerView_combined.js +67 -49
- package/esm5/lib/DatePickerView_combined.js +67 -49
- package/fesm2015/igniteui-webcomponents-inputs.js +67 -49
- package/fesm5/igniteui-webcomponents-inputs.js +67 -49
- package/lib/DatePickerView_combined.d.ts +21 -20
- package/package.json +2 -2
|
@@ -24546,7 +24546,7 @@
|
|
|
24546
24546
|
_this.h = null;
|
|
24547
24547
|
return _this;
|
|
24548
24548
|
}
|
|
24549
|
-
DatePickerView.prototype.
|
|
24549
|
+
DatePickerView.prototype.ah = function () {
|
|
24550
24550
|
};
|
|
24551
24551
|
Object.defineProperty(DatePickerView.prototype, "n", {
|
|
24552
24552
|
get: function () {
|
|
@@ -24555,7 +24555,7 @@
|
|
|
24555
24555
|
enumerable: true,
|
|
24556
24556
|
configurable: true
|
|
24557
24557
|
});
|
|
24558
|
-
DatePickerView.prototype.
|
|
24558
|
+
DatePickerView.prototype.ag = function (a) {
|
|
24559
24559
|
if (a == null) {
|
|
24560
24560
|
this.d = null;
|
|
24561
24561
|
return;
|
|
@@ -24563,15 +24563,15 @@
|
|
|
24563
24563
|
this.d = a;
|
|
24564
24564
|
var b = Math.round(a.rootWrapper.width());
|
|
24565
24565
|
var c = Math.round(a.rootWrapper.height());
|
|
24566
|
-
this.z();
|
|
24567
24566
|
this.aa();
|
|
24567
|
+
this.ab();
|
|
24568
24568
|
var d = this.d.rootWrapper.getChildAt(0);
|
|
24569
24569
|
d.listen("keydown", igniteuiWebcomponentsCore.runOn(this, this.x));
|
|
24570
24570
|
d.listen("focusin", igniteuiWebcomponentsCore.runOn(this, this.v));
|
|
24571
24571
|
d.listen("focusout", igniteuiWebcomponentsCore.runOn(this, this.w));
|
|
24572
|
-
document.addEventListener("click", igniteuiWebcomponentsCore.runOn(this, this.
|
|
24572
|
+
document.addEventListener("click", igniteuiWebcomponentsCore.runOn(this, this.ac), false);
|
|
24573
24573
|
};
|
|
24574
|
-
DatePickerView.prototype.
|
|
24574
|
+
DatePickerView.prototype.aa = function () {
|
|
24575
24575
|
if (this.d != null) {
|
|
24576
24576
|
this.k = this.d.rootWrapper.getChildAt(0);
|
|
24577
24577
|
this.k.setAttribute("tabIndex", "0");
|
|
@@ -24594,39 +24594,39 @@
|
|
|
24594
24594
|
this.f.setStyleProperty("width", "16px");
|
|
24595
24595
|
this.h.setStyleProperty("height", "16px");
|
|
24596
24596
|
this.h.setStyleProperty("width", "16px");
|
|
24597
|
-
this.f.listen("click", igniteuiWebcomponentsCore.runOn(this, this.
|
|
24598
|
-
this.h.listen("click", igniteuiWebcomponentsCore.runOn(this, this.
|
|
24597
|
+
this.f.listen("click", igniteuiWebcomponentsCore.runOn(this, this.z));
|
|
24598
|
+
this.h.listen("click", igniteuiWebcomponentsCore.runOn(this, this.ad));
|
|
24599
24599
|
}
|
|
24600
24600
|
};
|
|
24601
|
-
DatePickerView.prototype.
|
|
24601
|
+
DatePickerView.prototype.ak = function (a) {
|
|
24602
24602
|
if (this.d != null) {
|
|
24603
24603
|
var b = this.d.getSubRenderer(this.k);
|
|
24604
24604
|
a.provideContainer(b);
|
|
24605
24605
|
var c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
|
|
24606
24606
|
}
|
|
24607
24607
|
};
|
|
24608
|
-
DatePickerView.prototype.
|
|
24608
|
+
DatePickerView.prototype.am = function (a) {
|
|
24609
24609
|
if (this.d != null) {
|
|
24610
24610
|
var b = this.d.getSubRenderer(this.l);
|
|
24611
24611
|
a.provideContainer(b);
|
|
24612
24612
|
var c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
|
|
24613
24613
|
}
|
|
24614
24614
|
};
|
|
24615
|
-
DatePickerView.prototype.
|
|
24615
|
+
DatePickerView.prototype.al = function (a) {
|
|
24616
24616
|
if (this.d != null) {
|
|
24617
24617
|
var b = this.d.getSubRenderer(this.j);
|
|
24618
24618
|
a.provideContainer(b);
|
|
24619
24619
|
var c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
|
|
24620
24620
|
}
|
|
24621
24621
|
};
|
|
24622
|
-
DatePickerView.prototype.
|
|
24622
|
+
DatePickerView.prototype.ao = function (a, b) {
|
|
24623
24623
|
if (this.d != null) {
|
|
24624
24624
|
var c = this.d.getSubRenderer(b);
|
|
24625
24625
|
a.provideContainer(c);
|
|
24626
24626
|
var d = this.d.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
|
|
24627
24627
|
}
|
|
24628
24628
|
};
|
|
24629
|
-
DatePickerView.prototype.
|
|
24629
|
+
DatePickerView.prototype.aj = function (a, b) {
|
|
24630
24630
|
if (this.d != null) {
|
|
24631
24631
|
var c = this.d.getSubRenderer(b);
|
|
24632
24632
|
a.provideContainer(c);
|
|
@@ -24651,7 +24651,7 @@
|
|
|
24651
24651
|
DatePickerView.prototype.r = function () {
|
|
24652
24652
|
return this.h;
|
|
24653
24653
|
};
|
|
24654
|
-
DatePickerView.prototype.
|
|
24654
|
+
DatePickerView.prototype.aq = function (a) {
|
|
24655
24655
|
if (this.j != null) {
|
|
24656
24656
|
if (a) {
|
|
24657
24657
|
this.j.getChildAt(0).setAttribute("aria-expanded", "true");
|
|
@@ -24661,7 +24661,7 @@
|
|
|
24661
24661
|
}
|
|
24662
24662
|
}
|
|
24663
24663
|
};
|
|
24664
|
-
DatePickerView.prototype.
|
|
24664
|
+
DatePickerView.prototype.ar = function (a) {
|
|
24665
24665
|
if (a != null && a != "") {
|
|
24666
24666
|
this.j.getChildAt(0).setAttribute("aria-label", a);
|
|
24667
24667
|
}
|
|
@@ -24669,7 +24669,7 @@
|
|
|
24669
24669
|
this.j.getChildAt(0).setAttribute("aria-label", "Select a date");
|
|
24670
24670
|
}
|
|
24671
24671
|
};
|
|
24672
|
-
DatePickerView.prototype.
|
|
24672
|
+
DatePickerView.prototype.ap = function () {
|
|
24673
24673
|
if (this.f != null) {
|
|
24674
24674
|
if (this.b.as == true) {
|
|
24675
24675
|
this.f.show();
|
|
@@ -24679,12 +24679,12 @@
|
|
|
24679
24679
|
}
|
|
24680
24680
|
}
|
|
24681
24681
|
};
|
|
24682
|
-
DatePickerView.prototype.
|
|
24682
|
+
DatePickerView.prototype.ae = function () {
|
|
24683
24683
|
if (this.f != null) {
|
|
24684
24684
|
this.f.hide();
|
|
24685
24685
|
}
|
|
24686
24686
|
};
|
|
24687
|
-
DatePickerView.prototype.
|
|
24687
|
+
DatePickerView.prototype.ab = function () {
|
|
24688
24688
|
if (this.d != null) {
|
|
24689
24689
|
this.m = this.d.rootWrapper.getChildAt(1);
|
|
24690
24690
|
this.e = this.d.createElement("div");
|
|
@@ -24700,21 +24700,37 @@
|
|
|
24700
24700
|
this.e.parent().parent().setStyleProperty("max-width", "232px");
|
|
24701
24701
|
}
|
|
24702
24702
|
if (this.b.at == true) {
|
|
24703
|
-
this.e.parent().parent().setStyleProperty("height", "270px");
|
|
24703
|
+
this.e.parent().parent().setStyleProperty("min-height", "270px");
|
|
24704
24704
|
}
|
|
24705
24705
|
else {
|
|
24706
|
-
this.e.parent().parent().setStyleProperty("height", "234px");
|
|
24706
|
+
this.e.parent().parent().setStyleProperty("min-height", "234px");
|
|
24707
24707
|
}
|
|
24708
24708
|
}
|
|
24709
24709
|
};
|
|
24710
|
-
DatePickerView.prototype.
|
|
24710
|
+
DatePickerView.prototype.y = function () {
|
|
24711
|
+
if (this.d != null) {
|
|
24712
|
+
if (this.b.au == true) {
|
|
24713
|
+
this.e.parent().parent().setStyleProperty("max-width", "245px");
|
|
24714
|
+
}
|
|
24715
|
+
else {
|
|
24716
|
+
this.e.parent().parent().setStyleProperty("max-width", "232px");
|
|
24717
|
+
}
|
|
24718
|
+
if (this.b.at == true) {
|
|
24719
|
+
this.e.parent().parent().setStyleProperty("min-height", "270px");
|
|
24720
|
+
}
|
|
24721
|
+
else {
|
|
24722
|
+
this.e.parent().parent().setStyleProperty("min-height", "234px");
|
|
24723
|
+
}
|
|
24724
|
+
}
|
|
24725
|
+
};
|
|
24726
|
+
DatePickerView.prototype.an = function (a) {
|
|
24711
24727
|
if (this.d != null) {
|
|
24712
24728
|
var b = this.d.getSubRenderer(this.m);
|
|
24713
24729
|
a.provideRenderer(b);
|
|
24714
24730
|
var c = b.getExternal(a, b.rootWrapper, b.getExternal(this.b, null, null));
|
|
24715
24731
|
}
|
|
24716
24732
|
};
|
|
24717
|
-
DatePickerView.prototype.
|
|
24733
|
+
DatePickerView.prototype.ai = function (a) {
|
|
24718
24734
|
if (this.d != null) {
|
|
24719
24735
|
var b = this.d.getSubRenderer(this.e);
|
|
24720
24736
|
a.provideContainer(b);
|
|
@@ -24724,7 +24740,7 @@
|
|
|
24724
24740
|
DatePickerView.prototype.o = function () {
|
|
24725
24741
|
return this.e;
|
|
24726
24742
|
};
|
|
24727
|
-
DatePickerView.prototype.
|
|
24743
|
+
DatePickerView.prototype.z = function (a) {
|
|
24728
24744
|
if (this.b.aq == true) {
|
|
24729
24745
|
return;
|
|
24730
24746
|
}
|
|
@@ -24733,7 +24749,7 @@
|
|
|
24733
24749
|
this.f.hide();
|
|
24734
24750
|
}
|
|
24735
24751
|
};
|
|
24736
|
-
DatePickerView.prototype.
|
|
24752
|
+
DatePickerView.prototype.ad = function (a) {
|
|
24737
24753
|
a.stopPropagation();
|
|
24738
24754
|
this.b.cj();
|
|
24739
24755
|
};
|
|
@@ -24757,13 +24773,13 @@
|
|
|
24757
24773
|
this.b.cq();
|
|
24758
24774
|
}
|
|
24759
24775
|
};
|
|
24760
|
-
DatePickerView.prototype.
|
|
24776
|
+
DatePickerView.prototype.ac = function (a) {
|
|
24761
24777
|
var b = a.target;
|
|
24762
24778
|
if (!this.c(b)) {
|
|
24763
24779
|
this.b.cc();
|
|
24764
24780
|
}
|
|
24765
24781
|
};
|
|
24766
|
-
DatePickerView.prototype.
|
|
24782
|
+
DatePickerView.prototype.as = function () {
|
|
24767
24783
|
if (this.d != null) {
|
|
24768
24784
|
var a = this.d.rootWrapper.getNativeElement();
|
|
24769
24785
|
var b = a.getBoundingClientRect();
|
|
@@ -24788,7 +24804,7 @@
|
|
|
24788
24804
|
var c = this.e.getNativeElement();
|
|
24789
24805
|
return b.contains(a) || c.contains(a);
|
|
24790
24806
|
};
|
|
24791
|
-
DatePickerView.prototype.
|
|
24807
|
+
DatePickerView.prototype.af = function () {
|
|
24792
24808
|
};
|
|
24793
24809
|
DatePickerView.$t = igniteuiWebcomponentsCore.markType(DatePickerView, 'DatePickerView');
|
|
24794
24810
|
return DatePickerView;
|
|
@@ -24851,7 +24867,7 @@
|
|
|
24851
24867
|
var a = new DatePickerView();
|
|
24852
24868
|
a.b = _this;
|
|
24853
24869
|
_this.h = a;
|
|
24854
|
-
_this.h.
|
|
24870
|
+
_this.h.ah();
|
|
24855
24871
|
_this.ca();
|
|
24856
24872
|
return _this;
|
|
24857
24873
|
}
|
|
@@ -24872,7 +24888,7 @@
|
|
|
24872
24888
|
this.cz();
|
|
24873
24889
|
};
|
|
24874
24890
|
DatePicker.prototype.notifySizeChanged = function () {
|
|
24875
|
-
this.h.
|
|
24891
|
+
this.h.af();
|
|
24876
24892
|
};
|
|
24877
24893
|
DatePicker.prototype.destroy = function () {
|
|
24878
24894
|
if (this.c != null) {
|
|
@@ -24884,7 +24900,7 @@
|
|
|
24884
24900
|
this.provideContainer(null);
|
|
24885
24901
|
};
|
|
24886
24902
|
DatePicker.prototype.provideContainer = function (a) {
|
|
24887
|
-
this.h.
|
|
24903
|
+
this.h.ag(a);
|
|
24888
24904
|
};
|
|
24889
24905
|
DatePicker.prototype.setName = function (a) {
|
|
24890
24906
|
this.o.e = a;
|
|
@@ -25267,7 +25283,7 @@
|
|
|
25267
25283
|
case "Placeholder":
|
|
25268
25284
|
if (this.o != null) {
|
|
25269
25285
|
this.o.cb = this.bz;
|
|
25270
|
-
this.h.
|
|
25286
|
+
this.h.ar(this.bz);
|
|
25271
25287
|
}
|
|
25272
25288
|
break;
|
|
25273
25289
|
case "Today":
|
|
@@ -25308,7 +25324,7 @@
|
|
|
25308
25324
|
case "ShowClearButton":
|
|
25309
25325
|
if (this.o != null) {
|
|
25310
25326
|
if (this.o.cj != "") {
|
|
25311
|
-
this.h.
|
|
25327
|
+
this.h.ap();
|
|
25312
25328
|
}
|
|
25313
25329
|
}
|
|
25314
25330
|
break;
|
|
@@ -25321,6 +25337,7 @@
|
|
|
25321
25337
|
case "ShowTodayButton":
|
|
25322
25338
|
if (this.c != null) {
|
|
25323
25339
|
this.c.ae = this.at;
|
|
25340
|
+
this.h.y();
|
|
25324
25341
|
}
|
|
25325
25342
|
break;
|
|
25326
25343
|
case "AllowTextInput":
|
|
@@ -25345,6 +25362,7 @@
|
|
|
25345
25362
|
case "ShowWeekNumbers":
|
|
25346
25363
|
if (this.c != null) {
|
|
25347
25364
|
this.c.af = this.au;
|
|
25365
|
+
this.h.y();
|
|
25348
25366
|
}
|
|
25349
25367
|
break;
|
|
25350
25368
|
case "FirstWeekOfYear":
|
|
@@ -25477,12 +25495,12 @@
|
|
|
25477
25495
|
};
|
|
25478
25496
|
DatePicker.prototype.cd = function () {
|
|
25479
25497
|
this.q = new XInputGroup();
|
|
25480
|
-
this.h.
|
|
25498
|
+
this.h.ak(this.q);
|
|
25481
25499
|
this.q.d = 0;
|
|
25482
25500
|
this.q.j = this.w;
|
|
25483
25501
|
this.q.n = this.y;
|
|
25484
25502
|
this.r = new XLabel();
|
|
25485
|
-
this.h.
|
|
25503
|
+
this.h.am(this.r);
|
|
25486
25504
|
this.r.df = this.dd;
|
|
25487
25505
|
this.r.y = this.ac;
|
|
25488
25506
|
this.q.appendContentChild(this.h.u());
|
|
@@ -25491,7 +25509,7 @@
|
|
|
25491
25509
|
this.q.inputs.add(this.r);
|
|
25492
25510
|
}
|
|
25493
25511
|
this.o = new XInput();
|
|
25494
|
-
this.h.
|
|
25512
|
+
this.h.al(this.o);
|
|
25495
25513
|
this.o.b3 = "text";
|
|
25496
25514
|
if (this.aa != null) {
|
|
25497
25515
|
this.o.ad = this.aa;
|
|
@@ -25501,7 +25519,7 @@
|
|
|
25501
25519
|
this.q.appendContentChild(this.h.t());
|
|
25502
25520
|
this.q.inputs.add(this.o);
|
|
25503
25521
|
this.o.cb = this.bz;
|
|
25504
|
-
this.h.
|
|
25522
|
+
this.h.ar(this.bz);
|
|
25505
25523
|
var a = this.o;
|
|
25506
25524
|
a.change = igniteuiWebcomponentsCore.delegateCombine(a.change, igniteuiWebcomponentsCore.runOn(this, this.ck));
|
|
25507
25525
|
var b = this.o;
|
|
@@ -25509,9 +25527,9 @@
|
|
|
25509
25527
|
var c = this.o;
|
|
25510
25528
|
c.keyDown = igniteuiWebcomponentsCore.delegateCombine(c.keyDown, igniteuiWebcomponentsCore.runOn(this, this.cm));
|
|
25511
25529
|
var d = new XSuffix();
|
|
25512
|
-
this.h.
|
|
25530
|
+
this.h.ao(d, this.h.q());
|
|
25513
25531
|
this.m = new XIcon();
|
|
25514
|
-
this.h.
|
|
25532
|
+
this.h.aj(this.m, this.h.p());
|
|
25515
25533
|
this.m.svgPath = DatePicker.bh;
|
|
25516
25534
|
this.m.fill = this.dc;
|
|
25517
25535
|
d.appendContentChild(this.h.p());
|
|
@@ -25519,9 +25537,9 @@
|
|
|
25519
25537
|
this.q.inputs.add(d);
|
|
25520
25538
|
this.c4();
|
|
25521
25539
|
var e = new XSuffix();
|
|
25522
|
-
this.h.
|
|
25540
|
+
this.h.ao(e, this.h.s());
|
|
25523
25541
|
this.n = new XIcon();
|
|
25524
|
-
this.h.
|
|
25542
|
+
this.h.aj(this.n, this.h.r());
|
|
25525
25543
|
this.n.svgPath = DatePicker.bg;
|
|
25526
25544
|
this.n.fill = this.dc;
|
|
25527
25545
|
e.appendContentChild(this.h.r());
|
|
@@ -25570,10 +25588,10 @@
|
|
|
25570
25588
|
DatePicker.prototype.cl = function (a, b) {
|
|
25571
25589
|
this.co(b);
|
|
25572
25590
|
if (b.value.length > 0) {
|
|
25573
|
-
this.h.
|
|
25591
|
+
this.h.ap();
|
|
25574
25592
|
}
|
|
25575
25593
|
else {
|
|
25576
|
-
this.h.
|
|
25594
|
+
this.h.ae();
|
|
25577
25595
|
}
|
|
25578
25596
|
};
|
|
25579
25597
|
DatePicker.prototype.ck = function (a, b) {
|
|
@@ -25704,7 +25722,7 @@
|
|
|
25704
25722
|
}
|
|
25705
25723
|
else {
|
|
25706
25724
|
this.c7(ag);
|
|
25707
|
-
this.h.
|
|
25725
|
+
this.h.ap();
|
|
25708
25726
|
}
|
|
25709
25727
|
}
|
|
25710
25728
|
else {
|
|
@@ -25901,11 +25919,11 @@
|
|
|
25901
25919
|
}
|
|
25902
25920
|
}
|
|
25903
25921
|
this.o.cj = a;
|
|
25904
|
-
this.h.
|
|
25922
|
+
this.h.ap();
|
|
25905
25923
|
}
|
|
25906
25924
|
else {
|
|
25907
25925
|
this.o.cj = "";
|
|
25908
|
-
this.h.
|
|
25926
|
+
this.h.ae();
|
|
25909
25927
|
}
|
|
25910
25928
|
}
|
|
25911
25929
|
};
|
|
@@ -25921,9 +25939,9 @@
|
|
|
25921
25939
|
};
|
|
25922
25940
|
DatePicker.prototype.ce = function () {
|
|
25923
25941
|
this.u = new igniteuiWebcomponentsLayouts.Popup();
|
|
25924
|
-
this.h.
|
|
25942
|
+
this.h.an(this.u);
|
|
25925
25943
|
this.c = new XCalendar();
|
|
25926
|
-
this.h.
|
|
25944
|
+
this.h.ai(this.c);
|
|
25927
25945
|
if (+(this.a1) != +(igniteuiWebcomponentsCore.dateMinValue())) {
|
|
25928
25946
|
this.c.au = this.a1;
|
|
25929
25947
|
}
|
|
@@ -25970,7 +25988,7 @@
|
|
|
25970
25988
|
return;
|
|
25971
25989
|
}
|
|
25972
25990
|
if (this.u != null) {
|
|
25973
|
-
var a = this.h.
|
|
25991
|
+
var a = this.h.as();
|
|
25974
25992
|
var b = new igniteuiWebcomponentsCore.Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
|
|
25975
25993
|
var c = this.h.a()[1];
|
|
25976
25994
|
var d = 240;
|
|
@@ -25990,7 +26008,7 @@
|
|
|
25990
26008
|
else {
|
|
25991
26009
|
this.u.showRelativeToExclusionRect(b, 1, 0);
|
|
25992
26010
|
}
|
|
25993
|
-
this.h.
|
|
26011
|
+
this.h.aq(true);
|
|
25994
26012
|
}
|
|
25995
26013
|
};
|
|
25996
26014
|
DatePicker.prototype.cc = function () {
|
|
@@ -26001,7 +26019,7 @@
|
|
|
26001
26019
|
if (this.c != null) {
|
|
26002
26020
|
this.c.cy();
|
|
26003
26021
|
}
|
|
26004
|
-
this.h.
|
|
26022
|
+
this.h.aq(false);
|
|
26005
26023
|
this.ah = false;
|
|
26006
26024
|
};
|
|
26007
26025
|
DatePicker.prototype.focus = function (a) {
|