igniteui-webcomponents-inputs 4.0.2 → 4.0.4

package/fesm5/igniteui-webcomponents-inputs.js

@@ -24544,7 +24544,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 () {
@@ -24553,7 +24553,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;
@@ -24561,15 +24561,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");
@@ -24592,39 +24592,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);
@@ -24649,7 +24649,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");
@@ -24659,7 +24659,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);
         }
@@ -24667,7 +24667,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();
@@ -24677,12 +24677,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");
@@ -24698,21 +24698,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);
@@ -24722,7 +24738,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;
         }
@@ -24731,7 +24747,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();
     };
@@ -24755,13 +24771,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();
@@ -24786,7 +24802,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;
@@ -24849,7 +24865,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;
     }
@@ -24870,7 +24886,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) {
@@ -24882,7 +24898,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;
@@ -25265,7 +25281,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "Placeholder":
                 if (this.o != null) {
                     this.o.cb = this.bz;
-                    this.h.aq(this.bz);
+                    this.h.ar(this.bz);
                 }
                 break;
             case "Today":
@@ -25306,7 +25322,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ShowClearButton":
                 if (this.o != null) {
                     if (this.o.cj != "") {
-                        this.h.ao();
+                        this.h.ap();
                     }
                 }
                 break;
@@ -25319,6 +25335,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ShowTodayButton":
                 if (this.c != null) {
                     this.c.ae = this.at;
+                    this.h.y();
                 }
                 break;
             case "AllowTextInput":
@@ -25343,6 +25360,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ShowWeekNumbers":
                 if (this.c != null) {
                     this.c.af = this.au;
+                    this.h.y();
                 }
                 break;
             case "FirstWeekOfYear":
@@ -25475,12 +25493,12 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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());
@@ -25489,7 +25507,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -25499,7 +25517,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         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 = delegateCombine(a.change, runOn(this, this.ck));
         var b = this.o;
@@ -25507,9 +25525,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());
@@ -25517,9 +25535,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());
@@ -25568,10 +25586,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) {
@@ -25702,7 +25720,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             else {
                 this.c7(ag);
-                this.h.ao();
+                this.h.ap();
             }
         }
         else {
@@ -25899,11 +25917,11 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                 }
                 this.o.cj = a;
-                this.h.ao();
+                this.h.ap();
             }
             else {
                 this.o.cj = "";
-                this.h.ad();
+                this.h.ae();
             }
         }
     };
@@ -25919,9 +25937,9 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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;
         }
@@ -25968,7 +25986,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;
@@ -25988,7 +26006,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 () {
@@ -25999,7 +26017,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) {

package/lib/DatePickerView_combined.d.ts

@@ -28,7 +28,7 @@ export declare class DatePickerView extends Base {
     static $t: Type;
     constructor();
     b: DatePicker;
-    ag(): void;
+    ah(): void;
     d: DomRenderer;
     private k;
     private e;
@@ -40,37 +40,38 @@ export declare class DatePickerView extends Base {
     private i;
     private h;
     readonly n: DomWrapper;
-    af(a: DomRenderer): void;
-    private z;
-    aj(a: XInputGroup): void;
-    al(a: XLabel): void;
-    ak(a: XInput): void;
-    an(a: XSuffix, b: any): void;
-    ai(a: XIcon, b: any): void;
+    ag(a: DomRenderer): void;
+    private aa;
+    ak(a: XInputGroup): void;
+    am(a: XLabel): void;
+    al(a: XInput): void;
+    ao(a: XSuffix, b: any): void;
+    aj(a: XIcon, b: any): void;
     u(): any;
     t(): any;
     q(): any;
     p(): any;
     s(): any;
     r(): any;
-    ap(a: boolean): void;
-    aq(a: string): void;
-    ao(): void;
-    ad(): void;
-    private aa;
-    am(a: Popup): void;
-    ah(a: XCalendar): void;
+    aq(a: boolean): void;
+    ar(a: string): void;
+    ap(): void;
+    ae(): void;
+    private ab;
+    y(): void;
+    an(a: Popup): void;
+    ai(a: XCalendar): void;
     o(): any;
-    private y;
-    private ac;
+    private z;
+    private ad;
     private x;
     private v;
     private w;
-    private ab;
-    ar(): Rect;
+    private ac;
+    as(): Rect;
     a(): number[];
     private c;
-    ae(): void;
+    af(): void;
 }
 /**
  * @hidden

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents-inputs",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "description": "Ignite UI WebComponents inputs components.",
   "homepage": "https://github.com/IgniteUI/igniteui-webcomponents-inputs",
   "keywords": [
@@ -14,7 +14,7 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "igniteui-webcomponents-core": "4.0.2"
+    "igniteui-webcomponents-core": "4.0.4"
   },
   "sideEffects": false,
   "typings": "igniteui-webcomponents-inputs.d.ts",