igniteui-webcomponents-inputs 4.0.3 → 4.2.2

package/esm5/lib/DatePickerView_combined.js

@@ -11,7 +11,7 @@ import { XLabel } from "./XLabel";
 import { XInput } from "./XInput";
 import { XSuffix } from "./XSuffix";
 import { XIcon } from "./XIcon";
-import { Popup } from "igniteui-webcomponents-layouts";
+import { Popup } from "igniteui-webcomponents-core";
 import { XCalendar } from "./XCalendar";
 import { Rect } from "igniteui-webcomponents-core";
 import { SRProvider } from "igniteui-webcomponents-core";
@@ -51,7 +51,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.h = null;
         return _this;
     }
-    DatePickerView.prototype.ag = function () {
+    DatePickerView.prototype.ah = function () {
     };
     Object.defineProperty(DatePickerView.prototype, "n", {
         get: function () {
@@ -60,7 +60,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    DatePickerView.prototype.af = function (a) {
+    DatePickerView.prototype.ag = function (a) {
         if (a == null) {
             this.d = null;
             return;
@@ -68,15 +68,15 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         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", 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);
     };
-    DatePickerView.prototype.z = function () {
+    DatePickerView.prototype.aa = function () {
         if (this.d != null) {
             this.k = this.d.rootWrapper.getChildAt(0);
             this.k.setAttribute("tabIndex", "0");
@@ -99,39 +99,39 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             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));
         }
     };
-    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);
@@ -156,7 +156,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
     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");
@@ -166,7 +166,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DatePickerView.prototype.aq = function (a) {
+    DatePickerView.prototype.ar = function (a) {
         if (a != null && a != "") {
             this.j.getChildAt(0).setAttribute("aria-label", a);
         }
@@ -174,7 +174,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             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();
@@ -184,12 +184,12 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    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");
@@ -205,21 +205,37 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
                 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);
@@ -229,7 +245,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
     DatePickerView.prototype.o = function () {
         return this.e;
     };
-    DatePickerView.prototype.y = function (a) {
+    DatePickerView.prototype.z = function (a) {
         if (this.b.aq == true) {
             return;
         }
@@ -238,7 +254,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.f.hide();
         }
     };
-    DatePickerView.prototype.ac = function (a) {
+    DatePickerView.prototype.ad = function (a) {
         a.stopPropagation();
         this.b.cj();
     };
@@ -262,13 +278,13 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             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();
@@ -293,7 +309,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = this.e.getNativeElement();
         return b.contains(a) || c.contains(a);
     };
-    DatePickerView.prototype.ae = function () {
+    DatePickerView.prototype.af = function () {
     };
     DatePickerView.$t = markType(DatePickerView, 'DatePickerView');
     return DatePickerView;
@@ -357,7 +373,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new DatePickerView();
         a.b = _this;
         _this.h = a;
-        _this.h.ag();
+        _this.h.ah();
         _this.ca();
         return _this;
     }
@@ -378,7 +394,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         this.cz();
     };
     DatePicker.prototype.notifySizeChanged = function () {
-        this.h.ae();
+        this.h.af();
     };
     DatePicker.prototype.destroy = function () {
         if (this.c != null) {
@@ -390,7 +406,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         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;
@@ -772,8 +788,8 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "Placeholder":
                 if (this.o != null) {
-                    this.o.cb = this.bz;
-                    this.h.aq(this.bz);
+                    this.o.ce = this.bz;
+                    this.h.ar(this.bz);
                 }
                 break;
             case "Today":
@@ -813,8 +829,8 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ShowClearButton":
                 if (this.o != null) {
-                    if (this.o.cj != "") {
-                        this.h.ao();
+                    if (this.o.cm != "") {
+                        this.h.ap();
                     }
                 }
                 break;
@@ -827,6 +843,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ShowTodayButton":
                 if (this.c != null) {
                     this.c.ae = this.at;
+                    this.h.y();
                 }
                 break;
             case "AllowTextInput":
@@ -851,6 +868,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ShowWeekNumbers":
                 if (this.c != null) {
                     this.c.af = this.au;
+                    this.h.y();
                 }
                 break;
             case "FirstWeekOfYear":
@@ -959,7 +977,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DatePicker.prototype.c6 = function () {
         if (this.o != null) {
-            this.o.dy = this.de;
+            this.o.d1 = this.de;
         }
         if (this.m != null) {
             this.m.fill = this.dc;
@@ -978,17 +996,17 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DatePicker.prototype.c5 = function () {
         if (this.aa != null) {
-            this.o.ad = this.aa;
+            this.o.af = this.aa;
         }
     };
     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());
@@ -997,17 +1015,17 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             this.q.inputs.add(this.r);
         }
         this.o = new XInput();
-        this.h.ak(this.o);
-        this.o.b3 = "text";
+        this.h.al(this.o);
+        this.o.b6 = "text";
         if (this.aa != null) {
-            this.o.ad = this.aa;
+            this.o.af = this.aa;
         }
         this.o.disabled = !this.ap;
-        this.o.dy = this.de;
+        this.o.d1 = this.de;
         this.q.appendContentChild(this.h.t());
         this.q.inputs.add(this.o);
-        this.o.cb = this.bz;
-        this.h.aq(this.bz);
+        this.o.ce = this.bz;
+        this.h.ar(this.bz);
         var a = this.o;
         a.change = delegateCombine(a.change, runOn(this, this.ck));
         var b = this.o;
@@ -1015,9 +1033,9 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = this.o;
         c.keyDown = delegateCombine(c.keyDown, 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());
@@ -1025,9 +1043,9 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         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());
@@ -1045,7 +1063,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case 9:
                 this.an = true;
                 if (!this.ao) {
-                    this.c8(this.o.cj);
+                    this.c8(this.o.cm);
                 }
                 this.ah = true;
                 this.cc();
@@ -1054,7 +1072,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case 13:
                 this.an = true;
                 if (!this.ao) {
-                    this.c8(this.o.cj);
+                    this.c8(this.o.cm);
                 }
                 this.ah = true;
                 this.cc();
@@ -1076,10 +1094,10 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     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) {
@@ -1210,7 +1228,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             else {
                 this.c7(ag);
-                this.h.ao();
+                this.h.ap();
             }
         }
         else {
@@ -1406,12 +1424,12 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                         }
                     }
                 }
-                this.o.cj = a;
-                this.h.ao();
+                this.o.cm = a;
+                this.h.ap();
             }
             else {
-                this.o.cj = "";
-                this.h.ad();
+                this.o.cm = "";
+                this.h.ae();
             }
         }
     };
@@ -1420,16 +1438,16 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (this.o != null) {
-            this.o.cj = "";
+            this.o.cm = "";
         }
         this.value = dateMinValue();
         this.c.ch();
     };
     DatePicker.prototype.ce = function () {
         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;
         }
@@ -1476,7 +1494,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (this.u != null) {
-            var a = this.h.ar();
+            var a = this.h.as();
             var b = new Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
             var c = this.h.a()[1];
             var d = 240;
@@ -1496,7 +1514,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             else {
                 this.u.showRelativeToExclusionRect(b, 1, 0);
             }
-            this.h.ap(true);
+            this.h.aq(true);
         }
     };
     DatePicker.prototype.cc = function () {
@@ -1507,7 +1525,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.c != null) {
             this.c.cy();
         }
-        this.h.ap(false);
+        this.h.aq(false);
         this.ah = false;
     };
     DatePicker.prototype.focus = function (a) {
@@ -1543,7 +1561,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DatePicker.prototype.cz = function () {
         if (this.o != null) {
-            this.o.dg();
+            this.o.dj();
         }
     };
     DatePicker.prototype.ch = function () {