igniteui-webcomponents-inputs 4.0.3 → 4.2.2

package/esm2015/lib/DatePickerView_combined.js

@@ -10,7 +10,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";
@@ -49,12 +49,12 @@ export 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;
@@ -62,15 +62,15 @@ export 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");
@@ -93,39 +93,39 @@ export 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);
@@ -150,7 +150,7 @@ export 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");
@@ -160,7 +160,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        aq(a) {
+        ar(a) {
             if (a != null && a != "") {
                 this.j.getChildAt(0).setAttribute("aria-label", a);
             }
@@ -168,7 +168,7 @@ export 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();
@@ -178,12 +178,12 @@ export 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");
@@ -199,21 +199,37 @@ export 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);
@@ -223,7 +239,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         o() {
             return this.e;
         }
-        y(a) {
+        z(a) {
             if (this.b.aq == true) {
                 return;
             }
@@ -232,7 +248,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 this.f.hide();
             }
         }
-        ac(a) {
+        ad(a) {
             a.stopPropagation();
             this.b.cj();
         }
@@ -256,13 +272,13 @@ export 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();
@@ -287,7 +303,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             let c = this.e.getNativeElement();
             return b.contains(a) || c.contains(a);
         }
-        ae() {
+        af() {
         }
     }
     DatePickerView.$t = /*@__PURE__*/ markType(DatePickerView, 'DatePickerView');
@@ -351,7 +367,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let a = new DatePickerView();
             a.b = this;
             this.h = a;
-            this.h.ag();
+            this.h.ah();
             this.ca();
         }
         cv(a, b) {
@@ -371,7 +387,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.cz();
         }
         notifySizeChanged() {
-            this.h.ae();
+            this.h.af();
         }
         destroy() {
             if (this.c != null) {
@@ -383,7 +399,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.provideContainer(null);
         }
         provideContainer(a) {
-            this.h.af(a);
+            this.h.ag(a);
         }
         setName(a) {
             this.o.e = a;
@@ -669,8 +685,8 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     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":
@@ -710,8 +726,8 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "ShowClearButton":
                     if (this.o != null) {
-                        if (this.o.cj != "") {
-                            this.h.ao();
+                        if (this.o.cm != "") {
+                            this.h.ap();
                         }
                     }
                     break;
@@ -724,6 +740,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case "ShowTodayButton":
                     if (this.c != null) {
                         this.c.ae = this.at;
+                        this.h.y();
                     }
                     break;
                 case "AllowTextInput":
@@ -748,6 +765,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case "ShowWeekNumbers":
                     if (this.c != null) {
                         this.c.af = this.au;
+                        this.h.y();
                     }
                     break;
                 case "FirstWeekOfYear":
@@ -856,7 +874,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
         }
         c6() {
             if (this.o != null) {
-                this.o.dy = this.de;
+                this.o.d1 = this.de;
             }
             if (this.m != null) {
                 this.m.fill = this.dc;
@@ -875,17 +893,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
         }
         c5() {
             if (this.aa != null) {
-                this.o.ad = this.aa;
+                this.o.af = this.aa;
             }
         }
         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());
@@ -894,17 +912,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 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);
             let a = this.o;
             a.change = delegateCombine(a.change, runOn(this, this.ck));
             let b = this.o;
@@ -912,9 +930,9 @@ export 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());
@@ -922,9 +940,9 @@ export 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());
@@ -942,7 +960,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case 9:
                     this.an = true;
                     if (!this.ao) {
-                        this.c8(this.o.cj);
+                        this.c8(this.o.cm);
                     }
                     this.ah = true;
                     this.cc();
@@ -951,7 +969,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case 13:
                     this.an = true;
                     if (!this.ao) {
-                        this.c8(this.o.cj);
+                        this.c8(this.o.cm);
                     }
                     this.ah = true;
                     this.cc();
@@ -973,10 +991,10 @@ export 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) {
@@ -1107,7 +1125,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
                 else {
                     this.c7(ag);
-                    this.h.ao();
+                    this.h.ap();
                 }
             }
             else {
@@ -1303,12 +1321,12 @@ export let DatePicker = /*@__PURE__*/ (() => {
                             }
                         }
                     }
-                    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();
                 }
             }
         }
@@ -1317,16 +1335,16 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.o != null) {
-                this.o.cj = "";
+                this.o.cm = "";
             }
             this.value = dateMinValue();
             this.c.ch();
         }
         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;
             }
@@ -1373,7 +1391,7 @@ export 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;
@@ -1393,7 +1411,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 else {
                     this.u.showRelativeToExclusionRect(b, 1, 0);
                 }
-                this.h.ap(true);
+                this.h.aq(true);
             }
         }
         cc() {
@@ -1403,7 +1421,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             if (this.c != null) {
                 this.c.cy();
             }
-            this.h.ap(false);
+            this.h.aq(false);
             this.ah = false;
         }
         focus(a = false) {
@@ -1435,7 +1453,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
         }
         cz() {
             if (this.o != null) {
-                this.o.dg();
+                this.o.dj();
             }
         }
         ch() {