igniteui-webcomponents-inputs 1.3.3 → 1.4.0

package/esm2015/lib/DatePickerView_combined.js

@@ -5,11 +5,11 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox, delegateCombine } from "igniteui-webcomponents-core";
-import { InputGroup } from "./InputGroup";
-import { Label } from "./Label";
-import { Input } from "./Input";
-import { Suffix } from "./Suffix";
-import { Icon } from "./Icon";
+import { XInputGroup } from "./XInputGroup";
+import { XLabel } from "./XLabel";
+import { XInput } from "./XInput";
+import { XSuffix } from "./XSuffix";
+import { XIcon } from "./XIcon";
 import { Popup } from "igniteui-webcomponents-layouts";
 import { Calendar } from "./Calendar";
 import { SRProvider } from "igniteui-webcomponents-core";
@@ -81,7 +81,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 this.h = this.c.createElement("div");
                 this.h.setAttribute("aria-hidden", "true");
                 this.g = this.c.createElement("div");
-                this.a.ca();
+                this.a.cd();
                 this.i.getChildAt(0).setAttribute("aria-expanded", "fasle");
                 this.i.getChildAt(0).setAttribute("aria-invalid", "false");
                 this.e.setStyleProperty("height", "16px");
@@ -96,30 +96,35 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             if (this.c != null) {
                 let b = this.c.getSubRenderer(this.j);
                 a.provideContainer(b);
+                let c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
             }
         }
         aj(a) {
             if (this.c != null) {
                 let b = this.c.getSubRenderer(this.k);
                 a.provideContainer(b);
+                let c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
             }
         }
         ai(a) {
             if (this.c != null) {
                 let b = this.c.getSubRenderer(this.i);
                 a.provideContainer(b);
+                let c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
             }
         }
         al(a, b) {
             if (this.c != null) {
                 let c = this.c.getSubRenderer(b);
                 a.provideContainer(c);
+                let d = this.c.getExternal(a, c.rootWrapper, this.c.getExternal(this.a, null, null));
             }
         }
         ag(a, b) {
             if (this.c != null) {
                 let c = this.c.getSubRenderer(b);
                 a.provideContainer(c);
+                let d = this.c.getExternal(a, c.rootWrapper, this.c.getExternal(this.a, null, null));
             }
         }
         s() {
@@ -160,7 +165,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         }
         am() {
             if (this.e != null) {
-                if (this.a.aq == true) {
+                if (this.a.as == true) {
                     this.e.show();
                 }
                 else {
@@ -180,7 +185,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 this.d.setStyleProperty("width", "100%");
                 this.d.setStyleProperty("height", "100%");
                 this.d.setStyleProperty("display", "flex");
-                this.a.cb();
+                this.a.ce();
                 this.d.parent().setStyleProperty("height", "100%");
             }
         }
@@ -188,51 +193,53 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             if (this.c != null) {
                 let b = this.c.getSubRenderer(this.l);
                 a.provideRenderer(b);
+                let c = b.getExternal(a, b.rootWrapper, b.getExternal(this.a, null, null));
             }
         }
         af(a) {
             if (this.c != null) {
                 let b = this.c.getSubRenderer(this.d);
                 a.provideContainer(b);
+                let c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
             }
         }
         m() {
             return this.d;
         }
         w(a) {
-            this.a.b8();
+            this.a.cb();
             if (this.e != null) {
                 this.e.hide();
             }
         }
         aa(a) {
             a.stopPropagation();
-            this.a.cg();
+            this.a.cj();
         }
         v(a) {
             let b = a.which;
             if (b == 27) {
-                this.a.b9();
+                this.a.cc();
             }
         }
         t(a) {
             this.a.focus();
             let b = (a.originalEvent.relatedTarget);
             if (!this.b(b)) {
-                this.a.cm();
+                this.a.cp();
             }
         }
         u(a) {
             let b = (a.originalEvent.relatedTarget);
             if (!this.b(b)) {
-                this.a.cf();
-                this.a.cn();
+                this.a.ci();
+                this.a.cq();
             }
         }
         z(a) {
             let b = a.target;
             if (!this.b(b)) {
-                this.a.b9();
+                this.a.cc();
             }
         }
         ap() {
@@ -273,41 +280,42 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.q = null;
             this.r = null;
             this.g = null;
-            this.a4 = "dd";
-            this.a8 = "mm";
-            this.bb = "yyyy";
-            this.a5 = "mdy";
-            this.ba = "/";
+            this.a6 = "dd";
+            this.ba = "mm";
+            this.bd = "yyyy";
+            this.a7 = "mdy";
+            this.bc = "/";
             this.ah = false;
+            this.ao = false;
             this.an = false;
-            this.am = false;
-            this.av = dateMinValue();
+            this.ax = dateMinValue();
             this.propertyChanged = null;
             this.valueChanged = null;
             this.ae = null;
-            this.ax = dateMinValue();
-            this.aw = dateMinValue();
-            this.a7 = "";
-            this.c6 = BrushUtil.g(255, 24, 29, 31);
-            this.z = null;
+            this.az = dateMinValue();
+            this.ay = dateMinValue();
             this.a9 = "";
-            this.au = dateMinValue();
-            this.at = dateMaxValue();
+            this.c9 = BrushUtil.g(255, 24, 29, 31);
+            this.z = null;
+            this.bb = "";
+            this.aw = dateMinValue();
+            this.av = dateMaxValue();
             this.c = 2;
             this.a = 1;
             this.aa = null;
-            this.c7 = BrushUtil.g(255, 24, 29, 31);
-            this.c5 = BrushUtil.g(255, 163, 172, 184);
-            this.aj = true;
-            this.ak = false;
+            this.da = BrushUtil.g(255, 24, 29, 31);
+            this.c8 = BrushUtil.g(255, 163, 172, 184);
+            this.ak = true;
+            this.al = false;
             this.ag = true;
-            this.ai = true;
+            this.aj = true;
             this.m = 0;
             this.o = 0;
-            this.al = false;
+            this.am = false;
             this.e = new DateTimeValueFormatter();
             this.h = 0;
-            this.a6 = null;
+            this.a8 = null;
+            this.ai = false;
             this.gotFocus = null;
             this.lostFocus = null;
             this.keyDown = null;
@@ -316,14 +324,14 @@ export let DatePicker = /*@__PURE__*/ (() => {
             a.a = this;
             this.l = a;
             this.l.ae();
-            this.b7();
+            this.ca();
         }
-        cs(a, b) {
+        cv(a, b) {
             if (this.y != null) {
                 this.ah = true;
-                this.b9();
+                this.cc();
             }
-            this.c0();
+            this.c3();
             if (this.valueChanged != null) {
                 this.valueChanged(this, ((() => {
                     let $ret = new ValueChangedEventArgs();
@@ -332,7 +340,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     return $ret;
                 })()));
             }
-            this.cw();
+            this.cz();
         }
         notifySizeChanged() {
             this.l.ac();
@@ -340,9 +348,9 @@ export let DatePicker = /*@__PURE__*/ (() => {
         destroy() {
             if (this.g != null) {
                 let a = this.g;
-                a.valueChanged = delegateRemove(a.valueChanged, runOn(this, this.b6));
+                a.valueChanged = delegateRemove(a.valueChanged, runOn(this, this.b9));
                 let b = this.g;
-                b.close = delegateRemove(b.close, runOn(this, this.b5));
+                b.close = delegateRemove(b.close, runOn(this, this.b8));
             }
             this.provideContainer(null);
         }
@@ -356,45 +364,45 @@ export let DatePicker = /*@__PURE__*/ (() => {
             }
             return this.ae;
         }
-        get a1() {
-            return this.ax;
+        get a3() {
+            return this.az;
         }
-        set a1(a) {
-            let b = this.ax;
-            this.av = b;
-            this.ax = a;
-            if (+b != +(this.ax)) {
-                this.cr("Value", b, this.ax);
+        set a3(a) {
+            let b = this.az;
+            this.ax = b;
+            this.az = a;
+            if (+b != +(this.az)) {
+                this.cu("Value", b, this.az);
             }
         }
-        get a0() {
-            return this.aw;
+        get a2() {
+            return this.ay;
         }
-        set a0(a) {
-            let b = this.aw;
-            this.aw = a;
-            if (+b != +(this.aw)) {
-                this.cr("Today", b, this.aw);
+        set a2(a) {
+            let b = this.ay;
+            this.ay = a;
+            if (+b != +(this.ay)) {
+                this.cu("Today", b, this.ay);
             }
         }
-        get bp() {
-            return this.a7;
+        get bs() {
+            return this.a9;
         }
-        set bp(a) {
-            let b = this.a7;
-            this.a7 = a;
-            if (b != this.a7) {
-                this.cr("Label", b, this.a7);
+        set bs(a) {
+            let b = this.a9;
+            this.a9 = a;
+            if (b != this.a9) {
+                this.cu("Label", b, this.a9);
             }
         }
-        get c9() {
-            return this.c6;
+        get dc() {
+            return this.c9;
         }
-        set c9(a) {
-            let b = this.c6;
-            this.c6 = a;
-            if (b != this.c6) {
-                this.cr("LabelTextColor", b, a);
+        set dc(a) {
+            let b = this.c9;
+            this.c9 = a;
+            if (b != this.c9) {
+                this.cu("LabelTextColor", b, a);
             }
         }
         get ac() {
@@ -404,37 +412,37 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cr("LabelTextStyle", b, this.z);
+                this.cu("LabelTextStyle", b, this.z);
             }
         }
-        get bw() {
-            return this.a9;
+        get bz() {
+            return this.bb;
         }
-        set bw(a) {
-            let b = this.a9;
-            this.a9 = a;
-            if (b != this.a9) {
-                this.cr("Placeholder", b, this.a9);
+        set bz(a) {
+            let b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.cu("Placeholder", b, this.bb);
             }
         }
-        get az() {
-            return this.au;
+        get a1() {
+            return this.aw;
         }
-        set az(a) {
-            let b = this.au;
-            this.au = a;
-            if (+b != +(this.au)) {
-                this.cr("MinDate", b, this.au);
+        set a1(a) {
+            let b = this.aw;
+            this.aw = a;
+            if (+b != +(this.aw)) {
+                this.cu("MinDate", b, this.aw);
             }
         }
-        get ay() {
-            return this.at;
+        get a0() {
+            return this.av;
         }
-        set ay(a) {
-            let b = this.at;
-            this.at = a;
-            if (+b != +(this.at)) {
-                this.cr("MaxDate", b, this.at);
+        set a0(a) {
+            let b = this.av;
+            this.av = a;
+            if (+b != +(this.av)) {
+                this.cu("MaxDate", b, this.av);
             }
         }
         get d() {
@@ -444,7 +452,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.cr("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.c));
+                this.cu("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.c));
             }
         }
         get b() {
@@ -454,7 +462,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cr("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.a));
+                this.cu("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.a));
             }
         }
         get ad() {
@@ -464,67 +472,67 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.cr("TextStyle", b, this.aa);
+                this.cu("TextStyle", b, this.aa);
             }
         }
-        get da() {
-            return this.c7;
+        get dd() {
+            return this.da;
         }
-        set da(a) {
-            let b = this.c7;
-            this.c7 = a;
-            if (b != this.c7) {
-                this.cr("TextColor", b, this.c7);
+        set dd(a) {
+            let b = this.da;
+            this.da = a;
+            if (b != this.da) {
+                this.cu("TextColor", b, this.da);
             }
         }
-        get c8() {
-            return this.c5;
-        }
-        set c8(a) {
-            let b = this.c5;
-            this.c5 = a;
-            if (b != this.c5) {
-                this.cr("IconColor", b, this.c5);
-            }
+        get db() {
+            return this.c8;
         }
-        get aq() {
-            return this.aj;
-        }
-        set aq(a) {
-            let b = this.aj;
-            this.aj = a;
-            if (b != this.aj) {
-                this.cr("ShowClearButton", b, this.aj);
+        set db(a) {
+            let b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.cu("IconColor", b, this.c8);
             }
         }
-        get ar() {
+        get as() {
             return this.ak;
         }
-        set ar(a) {
+        set as(a) {
             let b = this.ak;
             this.ak = a;
             if (b != this.ak) {
-                this.cr("ShowTodayButton", b, this.ak);
+                this.cu("ShowClearButton", b, this.ak);
+            }
+        }
+        get at() {
+            return this.al;
+        }
+        set at(a) {
+            let b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.cu("ShowTodayButton", b, this.al);
             }
         }
-        get ao() {
+        get ap() {
             return this.ag;
         }
-        set ao(a) {
+        set ap(a) {
             let b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cr("AllowTextInput", b, this.ag);
+                this.cu("AllowTextInput", b, this.ag);
             }
         }
-        get ap() {
-            return this.ai;
+        get ar() {
+            return this.aj;
         }
-        set ap(a) {
-            let b = this.ai;
-            this.ai = a;
-            if (b != this.ai) {
-                this.cr("OpenOnFocus", b, this.ai);
+        set ar(a) {
+            let b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.cu("OpenOnFocus", b, this.aj);
             }
         }
         get n() {
@@ -534,7 +542,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.cr("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.m));
+                this.cu("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.m));
             }
         }
         get p() {
@@ -544,17 +552,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.o;
             this.o = a;
             if (b != this.o) {
-                this.cr("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.o));
+                this.cu("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.o));
             }
         }
-        get as() {
-            return this.al;
+        get au() {
+            return this.am;
         }
-        set as(a) {
-            let b = this.al;
-            this.al = a;
-            if (b != this.al) {
-                this.cr("ShowWeekNumbers", b, this.al);
+        set au(a) {
+            let b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.cu("ShowWeekNumbers", b, this.am);
             }
         }
         get i() {
@@ -564,49 +572,59 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.h;
             this.h = a;
             if (this.h != b) {
-                this.cr("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.h));
+                this.cu("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.h));
             }
         }
-        get bm() {
-            return this.a6;
+        get bo() {
+            return this.a8;
         }
-        set bm(a) {
-            let b = this.a6;
-            this.a6 = a;
-            if (b != this.a6) {
-                this.cr("FormatString", b, this.a6);
+        set bo(a) {
+            let b = this.a8;
+            this.a8 = a;
+            if (b != this.a8) {
+                this.cu("FormatString", b, this.a8);
             }
         }
-        cr(a, b, c) {
+        get aq() {
+            return this.ai;
+        }
+        set aq(a) {
+            let b = this.ai;
+            this.ai = a;
+            if (b != this.ai) {
+                this.cu("IsDisabled", b, this.ai);
+            }
+        }
+        cu(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.cu(a, b, c);
+            this.cx(a, b, c);
         }
-        cu(a, b, c) {
+        cx(a, b, c) {
             switch (a) {
                 case "Density":
-                    this.cx();
+                    this.c0();
                     break;
                 case "BaseTheme":
-                    this.cy();
+                    this.c1();
                     break;
                 case "Value":
-                    if (+(this.a1) != +(dateMinValue())) {
-                        if (dateGetDate(this.a1) < dateGetDate(this.az) || dateGetDate(this.a1) > dateGetDate(this.ay)) {
-                            this.a1 = this.av;
+                    if (+(this.a3) != +(dateMinValue())) {
+                        if (dateGetDate(this.a3) < dateGetDate(this.a1) || dateGetDate(this.a3) > dateGetDate(this.a0)) {
+                            this.a3 = this.ax;
                         }
                     }
-                    this.cs(this.av, this.a1);
-                    this.av = this.a1;
+                    this.cv(this.ax, this.a3);
+                    this.ax = this.a3;
                     if (this.g != null) {
-                        this.g.aw = this.a1;
+                        this.g.aw = this.a3;
                     }
                     break;
                 case "Label":
                     if (this.v != null) {
-                        this.v.text = this.bp;
-                        if (this.bp != null && this.bp != "") {
+                        this.v.text = this.bs;
+                        if (this.bs != null && this.bs != "") {
                             if (!this.u.inputs.contains(this.v)) {
                                 this.u.inputs.insert(0, this.v);
                             }
@@ -620,48 +638,48 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "Placeholder":
                     if (this.s != null) {
-                        this.s.b8 = this.bw;
-                        this.l.ao(this.bw);
+                        this.s.cb = this.bz;
+                        this.l.ao(this.bz);
                     }
                     break;
                 case "Today":
                     if (this.g != null) {
-                        this.g.av = this.a0;
+                        this.g.av = this.a2;
                     }
                     break;
                 case "MaxDate":
                     if (this.g != null) {
-                        let d = Base.compareSimple(this.az, this.ay);
+                        let d = Base.compareSimple(this.a1, this.a0);
                         if (d >= 0) {
-                            this.ay = dateMaxValue();
+                            this.a0 = dateMaxValue();
                         }
-                        this.g.at = this.at;
+                        this.g.at = this.av;
                     }
-                    if (dateGetDate(this.a1) > dateGetDate(this.ay)) {
-                        this.av = dateMinValue();
-                        this.a1 = dateMinValue();
+                    if (dateGetDate(this.a3) > dateGetDate(this.a0)) {
+                        this.ax = dateMinValue();
+                        this.a3 = dateMinValue();
                     }
                     break;
                 case "MinDate":
                     if (this.g != null) {
-                        this.g.au = this.au;
-                        let e = Base.compareSimple(this.az, this.ay);
+                        this.g.au = this.aw;
+                        let e = Base.compareSimple(this.a1, this.a0);
                         if (e >= 0) {
-                            this.av = dateMaxValue();
-                            this.g.at = this.ay;
+                            this.ax = dateMaxValue();
+                            this.g.at = this.a0;
                         }
                     }
-                    if (dateGetDate(this.a1) < dateGetDate(this.az)) {
-                        this.av = dateMinValue();
-                        this.a1 = dateMinValue();
+                    if (dateGetDate(this.a3) < dateGetDate(this.a1)) {
+                        this.ax = dateMinValue();
+                        this.a3 = dateMinValue();
                     }
                     break;
                 case "TextStyle":
-                    this.c1();
+                    this.c4();
                     break;
                 case "ShowClearButton":
                     if (this.s != null) {
-                        if (this.s.cg != "") {
+                        if (this.s.cj != "") {
                             this.l.am();
                         }
                     }
@@ -670,26 +688,26 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case "LabelTextStyle":
                 case "TextColor":
                 case "IconColor":
-                    this.c2();
+                    this.c5();
                     break;
                 case "ShowTodayButton":
                     if (this.g != null) {
-                        this.g.ae = this.ar;
+                        this.g.ae = this.at;
                     }
                     break;
                 case "AllowTextInput":
                     if (this.s != null) {
-                        this.s.disabled = !this.ao;
+                        this.s.disabled = !this.ap;
                     }
                     break;
                 case "OpenOnFocus": break;
                 case "DateFormat":
                     this.e.k(this.i);
-                    this.c0();
+                    this.c3();
                     break;
                 case "FormatString":
-                    this.b7();
-                    this.c0();
+                    this.ca();
+                    this.c3();
                     break;
                 case "FirstDayOfWeek":
                     if (this.g != null) {
@@ -698,7 +716,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "ShowWeekNumbers":
                     if (this.g != null) {
-                        this.g.af = this.as;
+                        this.g.af = this.au;
                     }
                     break;
                 case "FirstWeekOfYear":
@@ -706,11 +724,21 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         this.g.s = this.p;
                     }
                     break;
+                case "IsDisabled":
+                    {
+                        if (this.u != null) {
+                            this.u.disabled = this.aq;
+                        }
+                        if (this.s != null) {
+                            this.s.disabled = this.aq;
+                        }
+                    }
+                    break;
             }
         }
-        b7() {
+        ca() {
             let a = '/';
-            let b = this.bm != null ? this.bm.toLowerCase() : this.e.j();
+            let b = this.bo != null ? this.bo.toLowerCase() : this.e.j();
             if (stringContains(b, "/")) {
                 a = '/';
             }
@@ -726,7 +754,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             else if (stringContains(b, ",")) {
                 a = ',';
             }
-            this.ba = a.toString();
+            this.bc = a.toString();
             let c = b.split(a);
             if (c.length == 3) {
                 let d = "";
@@ -735,19 +763,19 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         d += "d";
                         switch (c[e]) {
                             case "d":
-                                this.a4 = c[e];
+                                this.a6 = c[e];
                                 break;
                             case "dd":
-                                this.a4 = c[e];
+                                this.a6 = c[e];
                                 break;
                             case "ddd":
-                                this.a4 = c[e];
+                                this.a6 = c[e];
                                 break;
                             case "dddd":
-                                this.a4 = c[e];
+                                this.a6 = c[e];
                                 break;
                             default:
-                                this.a4 = "dd";
+                                this.a6 = "dd";
                                 break;
                         }
                     }
@@ -755,125 +783,125 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         d += "m";
                         switch (c[e]) {
                             case "m":
-                                this.a8 = c[e];
+                                this.ba = c[e];
                                 break;
                             case "mm":
-                                this.a8 = c[e];
+                                this.ba = c[e];
                                 break;
                             case "mmm":
-                                this.a8 = c[e];
+                                this.ba = c[e];
                                 break;
                             case "mmmm":
-                                this.a8 = c[e];
+                                this.ba = c[e];
                                 break;
                             default:
-                                this.a8 = "mm";
+                                this.ba = "mm";
                                 break;
                         }
-                        this.a8 = c[e];
+                        this.ba = c[e];
                     }
                     else if (stringContains(c[e], "y")) {
                         d += "y";
                         switch (c[e]) {
                             case "yy":
-                                this.bb = c[e];
+                                this.bd = c[e];
                                 break;
                             case "yyyy":
-                                this.bb = c[e];
+                                this.bd = c[e];
                                 break;
                             default:
-                                this.bb = "yyyy";
+                                this.bd = "yyyy";
                                 break;
                         }
                     }
                 }
                 if (d == "dmy" || d == "mdy" || d == "ymd") {
-                    this.a5 = d;
+                    this.a7 = d;
                 }
                 else {
-                    this.a5 = "mdy";
+                    this.a7 = "mdy";
                 }
             }
         }
-        c2() {
+        c5() {
             if (this.s != null) {
-                this.s.dv = this.da;
+                this.s.dy = this.dd;
             }
             if (this.q != null) {
-                this.q.fill = this.c8;
+                this.q.fill = this.db;
             }
             if (this.r != null) {
-                this.r.fill = this.c8;
+                this.r.fill = this.db;
             }
             if (this.v != null) {
-                this.v.dc = this.c9;
+                this.v.df = this.dc;
                 this.v.y = this.ac;
             }
         }
-        cz() {
+        c2() {
             if (this.u != null) {
             }
         }
-        c1() {
+        c4() {
             if (this.aa != null) {
                 this.s.ac = this.aa;
             }
         }
-        ca() {
-            this.u = new InputGroup();
+        cd() {
+            this.u = new XInputGroup();
             this.l.ah(this.u);
             this.u.k = 0;
             this.u.d = this.b;
             this.u.h = this.d;
-            this.v = new Label();
+            this.v = new XLabel();
             this.l.aj(this.v);
-            this.v.dc = this.c9;
+            this.v.df = this.dc;
             this.v.y = this.ac;
             this.u.appendContentChild(this.l.s());
-            if (this.bp != null && this.bp != "") {
-                this.v.text = this.bp;
+            if (this.bs != null && this.bs != "") {
+                this.v.text = this.bs;
                 this.u.inputs.add(this.v);
             }
-            this.s = new Input();
+            this.s = new XInput();
             this.l.ai(this.s);
-            this.s.b1 = "text";
+            this.s.b3 = "text";
             if (this.aa != null) {
                 this.s.ac = this.aa;
             }
-            this.s.disabled = !this.ao;
-            this.s.dv = this.da;
+            this.s.disabled = !this.ap;
+            this.s.dy = this.dd;
             this.u.appendContentChild(this.l.r());
             this.u.inputs.add(this.s);
-            this.s.b8 = this.bw;
-            this.l.ao(this.bw);
+            this.s.cb = this.bz;
+            this.l.ao(this.bz);
             let a = this.s;
-            a.change = delegateCombine(a.change, runOn(this, this.ch));
+            a.change = delegateCombine(a.change, runOn(this, this.ck));
             let b = this.s;
-            b.changing = delegateCombine(b.changing, runOn(this, this.ci));
+            b.changing = delegateCombine(b.changing, runOn(this, this.cl));
             let c = this.s;
-            c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cj));
-            let d = new Suffix();
+            c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cm));
+            let d = new XSuffix();
             this.l.al(d, this.l.o());
-            this.q = new Icon();
+            this.q = new XIcon();
             this.l.ag(this.q, this.l.n());
-            this.q.svgPath = DatePicker.bf;
-            this.q.fill = this.c8;
+            this.q.svgPath = DatePicker.bh;
+            this.q.fill = this.db;
             d.appendContentChild(this.l.n());
             this.u.appendContentChild(this.l.o());
             this.u.inputs.add(d);
-            this.c0();
-            let e = new Suffix();
+            this.c3();
+            let e = new XSuffix();
             this.l.al(e, this.l.q());
-            this.r = new Icon();
+            this.r = new XIcon();
             this.l.ag(this.r, this.l.p());
-            this.r.svgPath = DatePicker.be;
-            this.r.fill = this.c8;
+            this.r.svgPath = DatePicker.bg;
+            this.r.fill = this.db;
             e.appendContentChild(this.l.p());
             this.u.appendContentChild(this.l.q());
             this.u.inputs.add(e);
         }
-        cj(a, b) {
-            this.cp(b);
+        cm(a, b) {
+            this.cs(b);
             if (b.defaultPrevented) {
                 return;
             }
@@ -881,38 +909,38 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let d = b.modifiers;
             switch (c) {
                 case 9:
-                    this.am = true;
-                    if (!this.an) {
-                        this.c4(this.s.cg);
+                    this.an = true;
+                    if (!this.ao) {
+                        this.c7(this.s.cj);
                     }
                     this.ah = true;
-                    this.b9();
-                    this.am = false;
+                    this.cc();
+                    this.an = false;
                     break;
                 case 13:
-                    this.am = true;
-                    if (!this.an) {
-                        this.c4(this.s.cg);
+                    this.an = true;
+                    if (!this.ao) {
+                        this.c7(this.s.cj);
                     }
                     this.ah = true;
-                    this.b9();
-                    this.am = false;
+                    this.cc();
+                    this.an = false;
                     break;
                 case 40:
                     if (d == 1) {
-                        this.ct();
-                        this.ce();
+                        this.cw();
+                        this.ch();
                     }
                     break;
                 case 38:
                     if (d == 1) {
-                        this.b9();
+                        this.cc();
                     }
                     break;
             }
         }
-        ci(a, b) {
-            this.cl(b);
+        cl(a, b) {
+            this.co(b);
             if (b.value.length > 0) {
                 this.l.am();
             }
@@ -920,12 +948,12 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 this.l.ab();
             }
         }
-        ch(a, b) {
-            this.an = true;
-            this.c4(b.value);
-            this.an = false;
+        ck(a, b) {
+            this.ao = true;
+            this.c7(b.value);
+            this.ao = false;
         }
-        c4(a) {
+        c7(a) {
             let b = ['/', '-', ' ', '.', ','];
             let c = stringSplit(a, b, 1);
             let d = 0;
@@ -936,17 +964,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 if (c[0].length == 0 || c[1].length == 0 || c[2].length == 0) {
                     g = false;
                 }
-                if (this.a5 == "dmy") {
+                if (this.a7 == "dmy") {
                     d = parseInt(c[0]);
                     e = parseInt(c[1]);
                     f = parseInt(c[2]);
                 }
-                else if (this.a5 == "mdy") {
+                else if (this.a7 == "mdy") {
                     e = parseInt(c[0]);
                     d = parseInt(c[1]);
                     f = parseInt(c[2]);
                 }
-                else if (this.a5 == "ymd") {
+                else if (this.a7 == "ymd") {
                     f = parseInt(c[0]);
                     e = parseInt(c[1]);
                     d = parseInt(c[2]);
@@ -959,13 +987,13 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
                 if (isNaN_(e)) {
                     let h = "";
-                    if (this.a5 == "dmy") {
+                    if (this.a7 == "dmy") {
                         h = c[1].toLowerCase();
                     }
-                    else if (this.a5 == "mdy") {
+                    else if (this.a7 == "mdy") {
                         h = c[0].toLowerCase();
                     }
-                    else if (this.a5 == "ymd") {
+                    else if (this.a7 == "ymd") {
                         h = c[1].toLowerCase();
                     }
                     let i = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full").toLowerCase() : "january";
@@ -1041,41 +1069,41 @@ export let DatePicker = /*@__PURE__*/ (() => {
             }
             if (g) {
                 let ag = dateFromValues(f, e, d, 0, 0, 0, 0);
-                let ah = Base.compareSimple(ag, this.az);
-                let ai = Base.compareSimple(ag, this.ay);
+                let ah = Base.compareSimple(ag, this.a1);
+                let ai = Base.compareSimple(ag, this.a0);
                 if (ah < 0 || ai > 0) {
-                    this.c0();
+                    this.c3();
                 }
                 else {
-                    this.c3(ag);
+                    this.c6(ag);
                     this.l.am();
                 }
             }
             else {
-                this.c0();
+                this.c3();
             }
         }
-        c3(a) {
-            let b = this.a1;
-            this.a1 = a;
+        c6(a) {
+            let b = this.a3;
+            this.a3 = a;
         }
-        c0() {
+        c3() {
             if (this.s != null) {
-                if (+(this.ax) != +(dateMinValue())) {
+                if (+(this.az) != +(dateMinValue())) {
                     let a = "";
-                    if (this.bm == null) {
-                        a = this.e.i(this.a1);
+                    if (this.bo == null) {
+                        a = this.e.i(this.a3);
                     }
                     else {
-                        let b = this.a1.getDate().toString();
+                        let b = this.a3.getDate().toString();
                         let c = b;
-                        if (this.a4 == "dd") {
-                            if (this.a1.getDate() < 10) {
+                        if (this.a6 == "dd") {
+                            if (this.a3.getDate() < 10) {
                                 b = "0" + b;
                             }
                         }
-                        else if (this.a4 == "ddd") {
-                            switch (this.a1.getDay()) {
+                        else if (this.a6 == "ddd") {
+                            switch (this.a3.getDay()) {
                                 case 0:
                                     b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Short")) ? this.af.b1("Sunday_Short") : "Sun";
                                     break;
@@ -1099,8 +1127,8 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        else if (this.a4 == "dddd") {
-                            switch (this.a1.getDay()) {
+                        else if (this.a6 == "dddd") {
+                            switch (this.a3.getDay()) {
                                 case 0:
                                     b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Full")) ? this.af.b1("Sunday_Full") : "Sunday";
                                     break;
@@ -1124,14 +1152,14 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        let d = dateGetMonth(this.a1).toString();
-                        if (this.a8 == "mm") {
-                            if (dateGetMonth(this.a1) < 10) {
+                        let d = dateGetMonth(this.a3).toString();
+                        if (this.ba == "mm") {
+                            if (dateGetMonth(this.a3) < 10) {
                                 d = "0" + d;
                             }
                         }
-                        else if (this.a8 == "mmm") {
-                            switch (dateGetMonth(this.a1)) {
+                        else if (this.ba == "mmm") {
+                            switch (dateGetMonth(this.a3)) {
                                 case 1:
                                     d = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short") : "Jan";
                                     break;
@@ -1170,8 +1198,8 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        else if (this.a8 == "mmmm") {
-                            switch (dateGetMonth(this.a1)) {
+                        else if (this.ba == "mmmm") {
+                            switch (dateGetMonth(this.a3)) {
                                 case 1:
                                     d = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full") : "January";
                                     break;
@@ -1210,105 +1238,108 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        let e = this.a1.getFullYear().toString();
-                        if (this.bb == "yy") {
+                        let e = this.a3.getFullYear().toString();
+                        if (this.bd == "yy") {
                             e = e.substr(2);
                         }
-                        if (this.a5 == "dmy") {
-                            if (this.a4 == "ddd" || this.a4 == "dddd") {
-                                a = b + this.ba + d + " " + c + this.ba + e;
+                        if (this.a7 == "dmy") {
+                            if (this.a6 == "ddd" || this.a6 == "dddd") {
+                                a = b + this.bc + d + " " + c + this.bc + e;
                             }
                             else {
-                                a = b + this.ba + d + this.ba + e;
+                                a = b + this.bc + d + this.bc + e;
                             }
                         }
-                        else if (this.a5 == "mdy") {
-                            if (this.a4 == "ddd" || this.a4 == "dddd") {
-                                a = d + " " + c + this.ba + b + this.ba + e;
+                        else if (this.a7 == "mdy") {
+                            if (this.a6 == "ddd" || this.a6 == "dddd") {
+                                a = d + " " + c + this.bc + b + this.bc + e;
                             }
                             else {
-                                a = d + this.ba + b + this.ba + e;
+                                a = d + this.bc + b + this.bc + e;
                             }
                         }
-                        else if (this.a5 == "ymd") {
-                            if (this.a4 == "ddd" || this.a4 == "dddd") {
-                                a = e + this.ba + d + " " + c + this.ba + b;
+                        else if (this.a7 == "ymd") {
+                            if (this.a6 == "ddd" || this.a6 == "dddd") {
+                                a = e + this.bc + d + " " + c + this.bc + b;
                             }
                             else {
-                                a = e + this.ba + d + this.ba + b;
+                                a = e + this.bc + d + this.bc + b;
                             }
                         }
                     }
-                    this.s.cg = a;
+                    this.s.cj = a;
                     this.l.am();
                 }
                 else {
-                    this.s.cg = "";
+                    this.s.cj = "";
                     this.l.ab();
                 }
             }
         }
-        b8() {
+        cb() {
             if (this.s != null) {
-                this.s.cg = "";
+                this.s.cj = "";
             }
-            this.a1 = dateMinValue();
+            this.a3 = dateMinValue();
             this.g.ch();
         }
-        cb() {
+        ce() {
             this.y = new Popup();
             this.l.ak(this.y);
             this.g = new Calendar();
             this.l.af(this.g);
-            if (+(this.az) != +(dateMinValue())) {
-                this.g.au = this.az;
+            if (+(this.a1) != +(dateMinValue())) {
+                this.g.au = this.a1;
             }
-            if (+(this.ay) != +(dateMaxValue())) {
-                this.g.at = this.ay;
+            if (+(this.a0) != +(dateMaxValue())) {
+                this.g.at = this.a0;
             }
-            if (+(this.a0) != +(dateMinValue())) {
-                this.g.av = this.a0;
+            if (+(this.a2) != +(dateMinValue())) {
+                this.g.av = this.a2;
             }
-            this.g.ae = this.ar;
+            this.g.ae = this.at;
             this.g.p = this.n;
-            this.g.af = this.as;
+            this.g.af = this.au;
             this.g.s = this.p;
             let a = this.g;
-            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.b6));
+            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.b9));
             let b = this.g;
-            b.close = delegateCombine(b.close, runOn(this, this.b5));
+            b.close = delegateCombine(b.close, runOn(this, this.b8));
             this.y.appendPopupContent(this.l.m());
         }
-        b6(a, b) {
-            this.a1 = b.newValue;
+        b9(a, b) {
+            this.a3 = b.newValue;
         }
-        b5(a) {
+        b8(a) {
             if (this.y.t) {
                 this.ah = true;
-                this.b9();
+                this.cc();
             }
         }
-        cg() {
+        cj() {
             if (this.ah == false) {
                 if (this.y.t) {
-                    this.b9();
+                    this.cc();
                 }
                 else {
-                    this.ct();
+                    this.cw();
                 }
             }
             else {
                 this.ah = false;
             }
         }
-        ct() {
+        cw() {
+            if (this.aq) {
+                return;
+            }
             let a = this.l.ap();
             if (this.y != null) {
                 this.y.showRelativeToExclusionRect(a, 0, 0);
             }
             this.l.an(true);
         }
-        b9() {
+        cc() {
             if (this.y != null) {
                 window.setTimeout(() => this.y.ao(), 0);
             }
@@ -1322,18 +1353,18 @@ export let DatePicker = /*@__PURE__*/ (() => {
             if (this.s != null) {
                 this.s.focus(a);
             }
-            if (!this.y.t && this.ap == true) {
+            if (!this.y.t && this.ar == true) {
                 if (this.ah == false) {
-                    if (this.ao == false) {
-                        this.ct();
+                    if (this.ap == false) {
+                        this.cw();
                         this.ah = true;
-                        window.setTimeout(() => this.ce(), 0);
+                        window.setTimeout(() => this.ch(), 0);
                     }
                     else {
-                        if (this.ap == true && this.am == false) {
-                            this.ct();
+                        if (this.ar == true && this.an == false) {
+                            this.cw();
                             this.ah = true;
-                            window.setTimeout(() => this.ce(), 0);
+                            window.setTimeout(() => this.ch(), 0);
                         }
                     }
                 }
@@ -1342,33 +1373,33 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
             }
         }
-        cf() {
+        ci() {
             this.ah = false;
         }
-        cw() {
+        cz() {
             if (this.s != null) {
-                this.s.dd();
+                this.s.dg();
             }
         }
-        ce() {
+        ch() {
             this.g.cq();
         }
-        cm() {
+        cp() {
             let a = new GotFocusEventArgs();
-            this.co(a);
+            this.cr(a);
         }
-        cn() {
+        cq() {
             let a = new LostFocusEventArgs();
-            this.cq(a);
+            this.ct(a);
         }
-        cy() {
+        c1() {
         }
-        cx() {
+        c0() {
         }
-        a3() {
+        a5() {
             return this.f();
         }
-        bj() {
+        bl() {
             let a = this.f();
             return a.g();
         }
@@ -1409,30 +1440,30 @@ export let DatePicker = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        co(a) {
+        cr(a) {
             if (null != this.gotFocus) {
                 this.gotFocus(this, a);
             }
         }
-        cq(a) {
+        ct(a) {
             if (null != this.lostFocus) {
                 this.lostFocus(this, a);
             }
         }
-        cp(a) {
+        cs(a) {
             if (null != this.keyDown) {
                 this.keyDown(this, a);
             }
         }
-        cl(a) {
+        co(a) {
             if (null != this.changing) {
                 this.changing(this, a);
             }
         }
     }
     DatePicker.$t = /*@__PURE__*/ markType(DatePicker, 'DatePicker', Base.$, [INotifyPropertyChanged_$type]);
-    DatePicker.be = "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z";
-    DatePicker.bf = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
+    DatePicker.bg = "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z";
+    DatePicker.bh = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
     DatePicker.ab = null;
     return DatePicker;
 })();