igniteui-webcomponents-inputs 4.3.3-beta.1 → 4.6.0

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

@@ -26154,6 +26154,7 @@
             _this.h = null;
             _this.o = null;
             _this.document_Click = _this.document_Click.bind(_this);
+            _this.window_Resize = _this.window_Resize.bind(_this);
             return _this;
         }
         DatePickerView.prototype.am = function () {
@@ -26172,6 +26173,7 @@
                     var b = this.d.rootWrapper.getChildAt(0);
                     b.unlistenAll();
                     document.removeEventListener("click", this.document_Click, false);
+                    window.removeEventListener("resize", this.window_Resize, false);
                 }
                 this.d = null;
                 return;
@@ -26186,6 +26188,7 @@
             e.listen("focusin", igniteuiWebcomponentsCore.runOn(this, this.w));
             e.listen("focusout", igniteuiWebcomponentsCore.runOn(this, this.x));
             document.addEventListener("click", this.document_Click, false);
+            window.addEventListener("resize", this.window_Resize, false);
             this.o = new MutationObserver(igniteuiWebcomponentsCore.runOn(this, this.al));
         };
         DatePickerView.prototype.ad = function () {
@@ -26412,7 +26415,10 @@
                 this.b.cq();
             }
         };
-        DatePickerView.prototype.az = function (a) {
+        DatePickerView.prototype.window_Resize = function (a) {
+            this.b.dm();
+        };
+        DatePickerView.prototype.a0 = function (a) {
             if (this.d != null) {
                 var b = this.d.rootWrapper.getNativeElement();
                 var c = (b.getBoundingClientRect());
@@ -26475,7 +26481,7 @@
             _this.a7 = igniteuiWebcomponentsCore.dateMinValue();
             _this.a6 = igniteuiWebcomponentsCore.dateMinValue();
             _this.bj = "";
-            _this.ds = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+            _this.dt = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
             _this.z = null;
             _this.bl = "";
             _this.a4 = igniteuiWebcomponentsCore.dateMinValue();
@@ -26483,8 +26489,8 @@
             _this.x = 2;
             _this.v = 1;
             _this.aa = null;
-            _this.dt = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
-            _this.dr = igniteuiWebcomponentsCore.BrushUtil.g(255, 163, 172, 184);
+            _this.du = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+            _this.ds = igniteuiWebcomponentsCore.BrushUtil.g(255, 163, 172, 184);
             _this.ao = true;
             _this.ap = false;
             _this.ag = true;
@@ -26602,14 +26608,14 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DatePicker.prototype, "dv", {
+        Object.defineProperty(DatePicker.prototype, "dw", {
             get: function () {
-                return this.ds;
+                return this.dt;
             },
             set: function (a) {
-                var b = this.ds;
-                this.ds = a;
-                if (b != this.ds) {
+                var b = this.dt;
+                this.dt = a;
+                if (b != this.dt) {
                     this.da("LabelTextColor", b, a);
                 }
             },
@@ -26714,29 +26720,29 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DatePicker.prototype, "dw", {
+        Object.defineProperty(DatePicker.prototype, "dx", {
             get: function () {
-                return this.dt;
+                return this.du;
             },
             set: function (a) {
-                var b = this.dt;
-                this.dt = a;
-                if (b != this.dt) {
-                    this.da("TextColor", b, this.dt);
+                var b = this.du;
+                this.du = a;
+                if (b != this.du) {
+                    this.da("TextColor", b, this.du);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DatePicker.prototype, "du", {
+        Object.defineProperty(DatePicker.prototype, "dv", {
             get: function () {
-                return this.dr;
+                return this.ds;
             },
             set: function (a) {
-                var b = this.dr;
-                this.dr = a;
-                if (b != this.dr) {
-                    this.da("IconColor", b, this.dr);
+                var b = this.ds;
+                this.ds = a;
+                if (b != this.ds) {
+                    this.da("IconColor", b, this.ds);
                 }
             },
             enumerable: false,
@@ -27024,7 +27030,7 @@
                     }
                     break;
                 case "TextStyle":
-                    this.dm();
+                    this.dn();
                     break;
                 case "ShowClearButton":
                     if (this.o != null) {
@@ -27037,7 +27043,7 @@
                 case "LabelTextStyle":
                 case "TextColor":
                 case "IconColor":
-                    this.dn();
+                    this.dp();
                     break;
                 case "ShowTodayButton":
                     if (this.c != null) {
@@ -27187,18 +27193,18 @@
                 }
             }
         };
-        DatePicker.prototype.dn = function () {
+        DatePicker.prototype.dp = function () {
             if (this.o != null) {
-                this.o.d8 = this.dw;
+                this.o.d8 = this.dx;
             }
             if (this.m != null) {
-                this.m.fill = this.du;
+                this.m.fill = this.dv;
             }
             if (this.n != null) {
-                this.n.fill = this.du;
+                this.n.fill = this.dv;
             }
             if (this.r != null) {
-                this.r.df = this.dv;
+                this.r.df = this.dw;
                 this.r.y = this.ac;
             }
         };
@@ -27206,7 +27212,7 @@
             if (this.q != null) {
             }
         };
-        DatePicker.prototype.dm = function () {
+        DatePicker.prototype.dn = function () {
             if (this.aa != null) {
                 this.o.af = this.aa;
             }
@@ -27219,7 +27225,7 @@
             this.q.t = this.y;
             this.r = new XLabel();
             this.h.as(this.r);
-            this.r.df = this.dv;
+            this.r.df = this.dw;
             this.r.y = this.ac;
             this.q.appendContentChild(this.h.v());
             if (this.b3 != null && this.b3 != "") {
@@ -27233,7 +27239,7 @@
                 this.o.af = this.aa;
             }
             this.o.disabled = !this.au;
-            this.o.d8 = this.dw;
+            this.o.d8 = this.dx;
             this.q.appendContentChild(this.h.u());
             this.q.inputs.add(this.o);
             this.o.cg = this.cb;
@@ -27249,7 +27255,7 @@
             this.m = new XIcon();
             this.h.ap(this.m, this.h.q());
             this.m.svgPath = DatePicker.br;
-            this.m.fill = this.du;
+            this.m.fill = this.dv;
             d.appendContentChild(this.h.q());
             this.q.appendContentChild(this.h.r());
             this.q.inputs.add(d);
@@ -27259,7 +27265,7 @@
             this.n = new XIcon();
             this.h.ap(this.n, this.h.s());
             this.n.svgPath = DatePicker.bq;
-            this.n.fill = this.du;
+            this.n.fill = this.dv;
             e.appendContentChild(this.h.s());
             this.q.appendContentChild(this.h.t());
             this.q.inputs.add(e);
@@ -27275,7 +27281,7 @@
                 case 9:
                     this.ar = true;
                     if (!this.at) {
-                        this.dq(this.o.cq);
+                        this.dr(this.o.cq);
                     }
                     this.ah = true;
                     this.cq();
@@ -27284,7 +27290,7 @@
                 case 13:
                     this.ar = true;
                     if (!this.at) {
-                        this.dq(this.o.cq);
+                        this.dr(this.o.cq);
                     }
                     this.ah = true;
                     this.cq();
@@ -27314,10 +27320,10 @@
         };
         DatePicker.prototype.cy = function (a, b) {
             this.at = true;
-            this.dq(b.value);
+            this.dr(b.value);
             this.at = false;
         };
-        DatePicker.prototype.dq = function (a) {
+        DatePicker.prototype.dr = function (a) {
             var b = ['/', '-', ' ', '.', ','];
             var c = igniteuiWebcomponentsCore.stringSplit(a, b, 1);
             var d = 0;
@@ -27439,7 +27445,7 @@
                     this.dl();
                 }
                 else {
-                    this.dp(ag);
+                    this.dq(ag);
                     this.h.av();
                 }
             }
@@ -27452,7 +27458,7 @@
                 }
             }
         };
-        DatePicker.prototype.dp = function (a) {
+        DatePicker.prototype.dq = function (a) {
             var b = this.value;
             this.value = a;
         };
@@ -27719,7 +27725,7 @@
                 return;
             }
             if (this.u != null) {
-                var a = this.h.az(false);
+                var a = this.h.a0(false);
                 var b = this.h.a()[1];
                 var c = 240;
                 if (this.a0 == true) {
@@ -27747,10 +27753,43 @@
                 this.u.cn(this.h.d.rootWrapper.getNativeElement(), a, b);
             }
             else {
-                var c = this.h.az(true);
+                var c = this.h.a0(true);
                 this.u.showRelativeToExclusionRect(c, a, b);
             }
         };
+        DatePicker.prototype.dm = function () {
+            if (this.u.aw) {
+                var a = this.h.a0(false);
+                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;
+                if (this.a0 == true) {
+                    d = 270;
+                }
+                var e = a.bottom + d;
+                if (c < e) {
+                    var f = a.top - d;
+                    if (f < 0) {
+                        if (this.u.r != 1) {
+                            this.u.r = 1;
+                            this.u.b7(b);
+                        }
+                    }
+                    else {
+                        if (this.u.r != 2) {
+                            this.u.r = 2;
+                            this.u.b7(b);
+                        }
+                    }
+                }
+                else {
+                    if (this.u.r != 1) {
+                        this.u.r = 1;
+                        this.u.b7(b);
+                    }
+                }
+            }
+        };
         DatePicker.prototype.cq = function () {
             var _this = this;
             if (this.u != null) {
@@ -28208,11 +28247,11 @@
              * Gets or sets the color to use for the text.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.dv);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dw);
             },
             set: function (v) {
-                this.i.dv = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("labelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.dv));
+                this.i.dw = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("labelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.dw));
             },
             enumerable: false,
             configurable: true
@@ -28327,11 +28366,11 @@
              * Gets or Sets the text color
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.dw);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dx);
             },
             set: function (v) {
-                this.i.dw = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.dw));
+                this.i.dx = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.dx));
             },
             enumerable: false,
             configurable: true
@@ -28341,11 +28380,11 @@
              * Gets or Sets the text color
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.du);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dv);
             },
             set: function (v) {
-                this.i.du = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("iconColor", igniteuiWebcomponentsCore.brushToString(this.i.du));
+                this.i.dv = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("iconColor", igniteuiWebcomponentsCore.brushToString(this.i.dv));
             },
             enumerable: false,
             configurable: true