igniteui-webcomponents-inputs 4.0.2 → 4.0.4

package/bundles/igniteui-webcomponents-inputs.umd.js

@@ -24546,7 +24546,7 @@
             _this.h = null;
             return _this;
         }
-        DatePickerView.prototype.ag = function () {
+        DatePickerView.prototype.ah = function () {
         };
         Object.defineProperty(DatePickerView.prototype, "n", {
             get: function () {
@@ -24555,7 +24555,7 @@
             enumerable: true,
             configurable: true
         });
-        DatePickerView.prototype.af = function (a) {
+        DatePickerView.prototype.ag = function (a) {
             if (a == null) {
                 this.d = null;
                 return;
@@ -24563,15 +24563,15 @@
             this.d = a;
             var b = Math.round(a.rootWrapper.width());
             var c = Math.round(a.rootWrapper.height());
-            this.z();
             this.aa();
+            this.ab();
             var d = this.d.rootWrapper.getChildAt(0);
             d.listen("keydown", igniteuiWebcomponentsCore.runOn(this, this.x));
             d.listen("focusin", igniteuiWebcomponentsCore.runOn(this, this.v));
             d.listen("focusout", igniteuiWebcomponentsCore.runOn(this, this.w));
-            document.addEventListener("click", igniteuiWebcomponentsCore.runOn(this, this.ab), false);
+            document.addEventListener("click", igniteuiWebcomponentsCore.runOn(this, this.ac), false);
         };
-        DatePickerView.prototype.z = function () {
+        DatePickerView.prototype.aa = function () {
             if (this.d != null) {
                 this.k = this.d.rootWrapper.getChildAt(0);
                 this.k.setAttribute("tabIndex", "0");
@@ -24594,39 +24594,39 @@
                 this.f.setStyleProperty("width", "16px");
                 this.h.setStyleProperty("height", "16px");
                 this.h.setStyleProperty("width", "16px");
-                this.f.listen("click", igniteuiWebcomponentsCore.runOn(this, this.y));
-                this.h.listen("click", igniteuiWebcomponentsCore.runOn(this, this.ac));
+                this.f.listen("click", igniteuiWebcomponentsCore.runOn(this, this.z));
+                this.h.listen("click", igniteuiWebcomponentsCore.runOn(this, this.ad));
             }
         };
-        DatePickerView.prototype.aj = function (a) {
+        DatePickerView.prototype.ak = function (a) {
             if (this.d != null) {
                 var b = this.d.getSubRenderer(this.k);
                 a.provideContainer(b);
                 var c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         };
-        DatePickerView.prototype.al = function (a) {
+        DatePickerView.prototype.am = function (a) {
             if (this.d != null) {
                 var b = this.d.getSubRenderer(this.l);
                 a.provideContainer(b);
                 var c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         };
-        DatePickerView.prototype.ak = function (a) {
+        DatePickerView.prototype.al = function (a) {
             if (this.d != null) {
                 var b = this.d.getSubRenderer(this.j);
                 a.provideContainer(b);
                 var c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         };
-        DatePickerView.prototype.an = function (a, b) {
+        DatePickerView.prototype.ao = function (a, b) {
             if (this.d != null) {
                 var c = this.d.getSubRenderer(b);
                 a.provideContainer(c);
                 var d = this.d.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         };
-        DatePickerView.prototype.ai = function (a, b) {
+        DatePickerView.prototype.aj = function (a, b) {
             if (this.d != null) {
                 var c = this.d.getSubRenderer(b);
                 a.provideContainer(c);
@@ -24651,7 +24651,7 @@
         DatePickerView.prototype.r = function () {
             return this.h;
         };
-        DatePickerView.prototype.ap = function (a) {
+        DatePickerView.prototype.aq = function (a) {
             if (this.j != null) {
                 if (a) {
                     this.j.getChildAt(0).setAttribute("aria-expanded", "true");
@@ -24661,7 +24661,7 @@
                 }
             }
         };
-        DatePickerView.prototype.aq = function (a) {
+        DatePickerView.prototype.ar = function (a) {
             if (a != null && a != "") {
                 this.j.getChildAt(0).setAttribute("aria-label", a);
             }
@@ -24669,7 +24669,7 @@
                 this.j.getChildAt(0).setAttribute("aria-label", "Select a date");
             }
         };
-        DatePickerView.prototype.ao = function () {
+        DatePickerView.prototype.ap = function () {
             if (this.f != null) {
                 if (this.b.as == true) {
                     this.f.show();
@@ -24679,12 +24679,12 @@
                 }
             }
         };
-        DatePickerView.prototype.ad = function () {
+        DatePickerView.prototype.ae = function () {
             if (this.f != null) {
                 this.f.hide();
             }
         };
-        DatePickerView.prototype.aa = function () {
+        DatePickerView.prototype.ab = function () {
             if (this.d != null) {
                 this.m = this.d.rootWrapper.getChildAt(1);
                 this.e = this.d.createElement("div");
@@ -24700,21 +24700,37 @@
                     this.e.parent().parent().setStyleProperty("max-width", "232px");
                 }
                 if (this.b.at == true) {
-                    this.e.parent().parent().setStyleProperty("height", "270px");
+                    this.e.parent().parent().setStyleProperty("min-height", "270px");
                 }
                 else {
-                    this.e.parent().parent().setStyleProperty("height", "234px");
+                    this.e.parent().parent().setStyleProperty("min-height", "234px");
                 }
             }
         };
-        DatePickerView.prototype.am = function (a) {
+        DatePickerView.prototype.y = function () {
+            if (this.d != null) {
+                if (this.b.au == true) {
+                    this.e.parent().parent().setStyleProperty("max-width", "245px");
+                }
+                else {
+                    this.e.parent().parent().setStyleProperty("max-width", "232px");
+                }
+                if (this.b.at == true) {
+                    this.e.parent().parent().setStyleProperty("min-height", "270px");
+                }
+                else {
+                    this.e.parent().parent().setStyleProperty("min-height", "234px");
+                }
+            }
+        };
+        DatePickerView.prototype.an = function (a) {
             if (this.d != null) {
                 var b = this.d.getSubRenderer(this.m);
                 a.provideRenderer(b);
                 var c = b.getExternal(a, b.rootWrapper, b.getExternal(this.b, null, null));
             }
         };
-        DatePickerView.prototype.ah = function (a) {
+        DatePickerView.prototype.ai = function (a) {
             if (this.d != null) {
                 var b = this.d.getSubRenderer(this.e);
                 a.provideContainer(b);
@@ -24724,7 +24740,7 @@
         DatePickerView.prototype.o = function () {
             return this.e;
         };
-        DatePickerView.prototype.y = function (a) {
+        DatePickerView.prototype.z = function (a) {
             if (this.b.aq == true) {
                 return;
             }
@@ -24733,7 +24749,7 @@
                 this.f.hide();
             }
         };
-        DatePickerView.prototype.ac = function (a) {
+        DatePickerView.prototype.ad = function (a) {
             a.stopPropagation();
             this.b.cj();
         };
@@ -24757,13 +24773,13 @@
                 this.b.cq();
             }
         };
-        DatePickerView.prototype.ab = function (a) {
+        DatePickerView.prototype.ac = function (a) {
             var b = a.target;
             if (!this.c(b)) {
                 this.b.cc();
             }
         };
-        DatePickerView.prototype.ar = function () {
+        DatePickerView.prototype.as = function () {
             if (this.d != null) {
                 var a = this.d.rootWrapper.getNativeElement();
                 var b = a.getBoundingClientRect();
@@ -24788,7 +24804,7 @@
             var c = this.e.getNativeElement();
             return b.contains(a) || c.contains(a);
         };
-        DatePickerView.prototype.ae = function () {
+        DatePickerView.prototype.af = function () {
         };
         DatePickerView.$t = igniteuiWebcomponentsCore.markType(DatePickerView, 'DatePickerView');
         return DatePickerView;
@@ -24851,7 +24867,7 @@
             var a = new DatePickerView();
             a.b = _this;
             _this.h = a;
-            _this.h.ag();
+            _this.h.ah();
             _this.ca();
             return _this;
         }
@@ -24872,7 +24888,7 @@
             this.cz();
         };
         DatePicker.prototype.notifySizeChanged = function () {
-            this.h.ae();
+            this.h.af();
         };
         DatePicker.prototype.destroy = function () {
             if (this.c != null) {
@@ -24884,7 +24900,7 @@
             this.provideContainer(null);
         };
         DatePicker.prototype.provideContainer = function (a) {
-            this.h.af(a);
+            this.h.ag(a);
         };
         DatePicker.prototype.setName = function (a) {
             this.o.e = a;
@@ -25267,7 +25283,7 @@
                 case "Placeholder":
                     if (this.o != null) {
                         this.o.cb = this.bz;
-                        this.h.aq(this.bz);
+                        this.h.ar(this.bz);
                     }
                     break;
                 case "Today":
@@ -25308,7 +25324,7 @@
                 case "ShowClearButton":
                     if (this.o != null) {
                         if (this.o.cj != "") {
-                            this.h.ao();
+                            this.h.ap();
                         }
                     }
                     break;
@@ -25321,6 +25337,7 @@
                 case "ShowTodayButton":
                     if (this.c != null) {
                         this.c.ae = this.at;
+                        this.h.y();
                     }
                     break;
                 case "AllowTextInput":
@@ -25345,6 +25362,7 @@
                 case "ShowWeekNumbers":
                     if (this.c != null) {
                         this.c.af = this.au;
+                        this.h.y();
                     }
                     break;
                 case "FirstWeekOfYear":
@@ -25477,12 +25495,12 @@
         };
         DatePicker.prototype.cd = function () {
             this.q = new XInputGroup();
-            this.h.aj(this.q);
+            this.h.ak(this.q);
             this.q.d = 0;
             this.q.j = this.w;
             this.q.n = this.y;
             this.r = new XLabel();
-            this.h.al(this.r);
+            this.h.am(this.r);
             this.r.df = this.dd;
             this.r.y = this.ac;
             this.q.appendContentChild(this.h.u());
@@ -25491,7 +25509,7 @@
                 this.q.inputs.add(this.r);
             }
             this.o = new XInput();
-            this.h.ak(this.o);
+            this.h.al(this.o);
             this.o.b3 = "text";
             if (this.aa != null) {
                 this.o.ad = this.aa;
@@ -25501,7 +25519,7 @@
             this.q.appendContentChild(this.h.t());
             this.q.inputs.add(this.o);
             this.o.cb = this.bz;
-            this.h.aq(this.bz);
+            this.h.ar(this.bz);
             var a = this.o;
             a.change = igniteuiWebcomponentsCore.delegateCombine(a.change, igniteuiWebcomponentsCore.runOn(this, this.ck));
             var b = this.o;
@@ -25509,9 +25527,9 @@
             var c = this.o;
             c.keyDown = igniteuiWebcomponentsCore.delegateCombine(c.keyDown, igniteuiWebcomponentsCore.runOn(this, this.cm));
             var d = new XSuffix();
-            this.h.an(d, this.h.q());
+            this.h.ao(d, this.h.q());
             this.m = new XIcon();
-            this.h.ai(this.m, this.h.p());
+            this.h.aj(this.m, this.h.p());
             this.m.svgPath = DatePicker.bh;
             this.m.fill = this.dc;
             d.appendContentChild(this.h.p());
@@ -25519,9 +25537,9 @@
             this.q.inputs.add(d);
             this.c4();
             var e = new XSuffix();
-            this.h.an(e, this.h.s());
+            this.h.ao(e, this.h.s());
             this.n = new XIcon();
-            this.h.ai(this.n, this.h.r());
+            this.h.aj(this.n, this.h.r());
             this.n.svgPath = DatePicker.bg;
             this.n.fill = this.dc;
             e.appendContentChild(this.h.r());
@@ -25570,10 +25588,10 @@
         DatePicker.prototype.cl = function (a, b) {
             this.co(b);
             if (b.value.length > 0) {
-                this.h.ao();
+                this.h.ap();
             }
             else {
-                this.h.ad();
+                this.h.ae();
             }
         };
         DatePicker.prototype.ck = function (a, b) {
@@ -25704,7 +25722,7 @@
                 }
                 else {
                     this.c7(ag);
-                    this.h.ao();
+                    this.h.ap();
                 }
             }
             else {
@@ -25901,11 +25919,11 @@
                         }
                     }
                     this.o.cj = a;
-                    this.h.ao();
+                    this.h.ap();
                 }
                 else {
                     this.o.cj = "";
-                    this.h.ad();
+                    this.h.ae();
                 }
             }
         };
@@ -25921,9 +25939,9 @@
         };
         DatePicker.prototype.ce = function () {
             this.u = new igniteuiWebcomponentsLayouts.Popup();
-            this.h.am(this.u);
+            this.h.an(this.u);
             this.c = new XCalendar();
-            this.h.ah(this.c);
+            this.h.ai(this.c);
             if (+(this.a1) != +(igniteuiWebcomponentsCore.dateMinValue())) {
                 this.c.au = this.a1;
             }
@@ -25970,7 +25988,7 @@
                 return;
             }
             if (this.u != null) {
-                var a = this.h.ar();
+                var a = this.h.as();
                 var b = new igniteuiWebcomponentsCore.Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
                 var c = this.h.a()[1];
                 var d = 240;
@@ -25990,7 +26008,7 @@
                 else {
                     this.u.showRelativeToExclusionRect(b, 1, 0);
                 }
-                this.h.ap(true);
+                this.h.aq(true);
             }
         };
         DatePicker.prototype.cc = function () {
@@ -26001,7 +26019,7 @@
             if (this.c != null) {
                 this.c.cy();
             }
-            this.h.ap(false);
+            this.h.aq(false);
             this.ah = false;
         };
         DatePicker.prototype.focus = function (a) {