igniteui-webcomponents-inputs 4.0.2 → 4.0.4

package/fesm2015/igniteui-webcomponents-inputs.js

@@ -20292,12 +20292,12 @@ let DatePickerView = /*@__PURE__*/ (() => {
             this.i = null;
             this.h = null;
         }
-        ag() {
+        ah() {
         }
         get n() {
             return this.e;
         }
-        af(a) {
+        ag(a) {
             if (a == null) {
                 this.d = null;
                 return;
@@ -20305,15 +20305,15 @@ let DatePickerView = /*@__PURE__*/ (() => {
             this.d = a;
             let b = Math.round(a.rootWrapper.width());
             let c = Math.round(a.rootWrapper.height());
-            this.z();
             this.aa();
+            this.ab();
             let d = this.d.rootWrapper.getChildAt(0);
             d.listen("keydown", runOn(this, this.x));
             d.listen("focusin", runOn(this, this.v));
             d.listen("focusout", runOn(this, this.w));
-            document.addEventListener("click", runOn(this, this.ab), false);
+            document.addEventListener("click", runOn(this, this.ac), false);
         }
-        z() {
+        aa() {
             if (this.d != null) {
                 this.k = this.d.rootWrapper.getChildAt(0);
                 this.k.setAttribute("tabIndex", "0");
@@ -20336,39 +20336,39 @@ let DatePickerView = /*@__PURE__*/ (() => {
                 this.f.setStyleProperty("width", "16px");
                 this.h.setStyleProperty("height", "16px");
                 this.h.setStyleProperty("width", "16px");
-                this.f.listen("click", runOn(this, this.y));
-                this.h.listen("click", runOn(this, this.ac));
+                this.f.listen("click", runOn(this, this.z));
+                this.h.listen("click", runOn(this, this.ad));
             }
         }
-        aj(a) {
+        ak(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.k);
                 a.provideContainer(b);
                 let c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
-        al(a) {
+        am(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.l);
                 a.provideContainer(b);
                 let c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
-        ak(a) {
+        al(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.j);
                 a.provideContainer(b);
                 let c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
-        an(a, b) {
+        ao(a, b) {
             if (this.d != null) {
                 let c = this.d.getSubRenderer(b);
                 a.provideContainer(c);
                 let d = this.d.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
-        ai(a, b) {
+        aj(a, b) {
             if (this.d != null) {
                 let c = this.d.getSubRenderer(b);
                 a.provideContainer(c);
@@ -20393,7 +20393,7 @@ let DatePickerView = /*@__PURE__*/ (() => {
         r() {
             return this.h;
         }
-        ap(a) {
+        aq(a) {
             if (this.j != null) {
                 if (a) {
                     this.j.getChildAt(0).setAttribute("aria-expanded", "true");
@@ -20403,7 +20403,7 @@ let DatePickerView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        aq(a) {
+        ar(a) {
             if (a != null && a != "") {
                 this.j.getChildAt(0).setAttribute("aria-label", a);
             }
@@ -20411,7 +20411,7 @@ let DatePickerView = /*@__PURE__*/ (() => {
                 this.j.getChildAt(0).setAttribute("aria-label", "Select a date");
             }
         }
-        ao() {
+        ap() {
             if (this.f != null) {
                 if (this.b.as == true) {
                     this.f.show();
@@ -20421,12 +20421,12 @@ let DatePickerView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ad() {
+        ae() {
             if (this.f != null) {
                 this.f.hide();
             }
         }
-        aa() {
+        ab() {
             if (this.d != null) {
                 this.m = this.d.rootWrapper.getChildAt(1);
                 this.e = this.d.createElement("div");
@@ -20442,21 +20442,37 @@ let DatePickerView = /*@__PURE__*/ (() => {
                     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");
                 }
             }
         }
-        am(a) {
+        y() {
+            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");
+                }
+            }
+        }
+        an(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.m);
                 a.provideRenderer(b);
                 let c = b.getExternal(a, b.rootWrapper, b.getExternal(this.b, null, null));
             }
         }
-        ah(a) {
+        ai(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.e);
                 a.provideContainer(b);
@@ -20466,7 +20482,7 @@ let DatePickerView = /*@__PURE__*/ (() => {
         o() {
             return this.e;
         }
-        y(a) {
+        z(a) {
             if (this.b.aq == true) {
                 return;
             }
@@ -20475,7 +20491,7 @@ let DatePickerView = /*@__PURE__*/ (() => {
                 this.f.hide();
             }
         }
-        ac(a) {
+        ad(a) {
             a.stopPropagation();
             this.b.cj();
         }
@@ -20499,13 +20515,13 @@ let DatePickerView = /*@__PURE__*/ (() => {
                 this.b.cq();
             }
         }
-        ab(a) {
+        ac(a) {
             let b = a.target;
             if (!this.c(b)) {
                 this.b.cc();
             }
         }
-        ar() {
+        as() {
             if (this.d != null) {
                 let a = this.d.rootWrapper.getNativeElement();
                 let b = a.getBoundingClientRect();
@@ -20530,7 +20546,7 @@ let DatePickerView = /*@__PURE__*/ (() => {
             let c = this.e.getNativeElement();
             return b.contains(a) || c.contains(a);
         }
-        ae() {
+        af() {
         }
     }
     DatePickerView.$t = /*@__PURE__*/ markType(DatePickerView, 'DatePickerView');
@@ -20594,7 +20610,7 @@ let DatePicker = /*@__PURE__*/ (() => {
             let a = new DatePickerView();
             a.b = this;
             this.h = a;
-            this.h.ag();
+            this.h.ah();
             this.ca();
         }
         cv(a, b) {
@@ -20614,7 +20630,7 @@ let DatePicker = /*@__PURE__*/ (() => {
             this.cz();
         }
         notifySizeChanged() {
-            this.h.ae();
+            this.h.af();
         }
         destroy() {
             if (this.c != null) {
@@ -20626,7 +20642,7 @@ let DatePicker = /*@__PURE__*/ (() => {
             this.provideContainer(null);
         }
         provideContainer(a) {
-            this.h.af(a);
+            this.h.ag(a);
         }
         setName(a) {
             this.o.e = a;
@@ -20913,7 +20929,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 case "Placeholder":
                     if (this.o != null) {
                         this.o.cb = this.bz;
-                        this.h.aq(this.bz);
+                        this.h.ar(this.bz);
                     }
                     break;
                 case "Today":
@@ -20954,7 +20970,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 case "ShowClearButton":
                     if (this.o != null) {
                         if (this.o.cj != "") {
-                            this.h.ao();
+                            this.h.ap();
                         }
                     }
                     break;
@@ -20967,6 +20983,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 case "ShowTodayButton":
                     if (this.c != null) {
                         this.c.ae = this.at;
+                        this.h.y();
                     }
                     break;
                 case "AllowTextInput":
@@ -20991,6 +21008,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 case "ShowWeekNumbers":
                     if (this.c != null) {
                         this.c.af = this.au;
+                        this.h.y();
                     }
                     break;
                 case "FirstWeekOfYear":
@@ -21123,12 +21141,12 @@ let DatePicker = /*@__PURE__*/ (() => {
         }
         cd() {
             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());
@@ -21137,7 +21155,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 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;
@@ -21147,7 +21165,7 @@ let DatePicker = /*@__PURE__*/ (() => {
             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);
             let a = this.o;
             a.change = delegateCombine(a.change, runOn(this, this.ck));
             let b = this.o;
@@ -21155,9 +21173,9 @@ let DatePicker = /*@__PURE__*/ (() => {
             let c = this.o;
             c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cm));
             let 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());
@@ -21165,9 +21183,9 @@ let DatePicker = /*@__PURE__*/ (() => {
             this.q.inputs.add(d);
             this.c4();
             let 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());
@@ -21216,10 +21234,10 @@ let DatePicker = /*@__PURE__*/ (() => {
         cl(a, b) {
             this.co(b);
             if (b.value.length > 0) {
-                this.h.ao();
+                this.h.ap();
             }
             else {
-                this.h.ad();
+                this.h.ae();
             }
         }
         ck(a, b) {
@@ -21350,7 +21368,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 }
                 else {
                     this.c7(ag);
-                    this.h.ao();
+                    this.h.ap();
                 }
             }
             else {
@@ -21547,11 +21565,11 @@ let DatePicker = /*@__PURE__*/ (() => {
                         }
                     }
                     this.o.cj = a;
-                    this.h.ao();
+                    this.h.ap();
                 }
                 else {
                     this.o.cj = "";
-                    this.h.ad();
+                    this.h.ae();
                 }
             }
         }
@@ -21567,9 +21585,9 @@ let DatePicker = /*@__PURE__*/ (() => {
         }
         ce() {
             this.u = new 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) != +(dateMinValue())) {
                 this.c.au = this.a1;
             }
@@ -21616,7 +21634,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.u != null) {
-                let a = this.h.ar();
+                let a = this.h.as();
                 let b = new Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
                 let c = this.h.a()[1];
                 let d = 240;
@@ -21636,7 +21654,7 @@ let DatePicker = /*@__PURE__*/ (() => {
                 else {
                     this.u.showRelativeToExclusionRect(b, 1, 0);
                 }
-                this.h.ap(true);
+                this.h.aq(true);
             }
         }
         cc() {
@@ -21646,7 +21664,7 @@ let DatePicker = /*@__PURE__*/ (() => {
             if (this.c != null) {
                 this.c.cy();
             }
-            this.h.ap(false);
+            this.h.aq(false);
             this.ah = false;
         }
         focus(a = false) {