igniteui-webcomponents-inputs 4.7.0 → 4.7.2-beta.0

package/esm5/lib/InputGroupView_combined.js

@@ -5674,30 +5674,30 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         a.p = this.e;
         if (this.w != null) {
             var c = this.w;
-            if (this.view != null && c.n == null) {
+            if (this.view != null && c.p == null) {
                 var d = this.view.k;
                 var e = FontUtil.getFontInfoFromString(d, c.fontString);
-                c.n = e.n;
-                c.d = e.d;
-                c.o = e.o;
+                c.p = e.p;
+                c.e = e.e;
                 c.q = e.q;
-                c.r = e.r;
                 c.s = e.s;
+                c.t = e.t;
+                c.u = e.u;
             }
-            if (c.n != null) {
-                a.s = c.n;
+            if (c.p != null) {
+                a.s = c.p;
             }
-            if (!isNaN_(c.d)) {
-                a.k = c.d;
+            if (!isNaN_(c.e)) {
+                a.k = c.e;
+            }
+            if (c.u != null) {
+                a.w = c.u;
             }
             if (c.s != null) {
-                a.w = c.s;
+                a.u = c.s;
             }
             if (c.q != null) {
-                a.u = c.q;
-            }
-            if (c.o != null) {
-                a.t = c.q;
+                a.t = c.s;
             }
         }
         return a;
@@ -5790,7 +5790,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.view = a;
         _this.view.as();
         XInput.ae = new FontInfo();
-        XInput.ae.n = "Verdana";
+        XInput.ae.p = "Verdana";
         return _this;
     }
     Object.defineProperty(XInput.prototype, "view", {
@@ -6463,30 +6463,30 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         a.k = this.e;
         if (this.ad != null) {
             var c = this.ad;
-            if (this.view != null && c.n == null) {
+            if (this.view != null && c.p == null) {
                 var d = this.view.l;
                 var e = FontUtil.getFontInfoFromString(d, c.fontString);
-                c.n = e.n;
-                c.d = e.d;
-                c.o = e.o;
+                c.p = e.p;
+                c.e = e.e;
                 c.q = e.q;
-                c.r = e.r;
                 c.s = e.s;
+                c.t = e.t;
+                c.u = e.u;
             }
-            if (c.n != null) {
-                a.o = c.n;
+            if (c.p != null) {
+                a.o = c.p;
             }
-            if (!isNaN_(c.d)) {
-                a.g = c.d;
+            if (!isNaN_(c.e)) {
+                a.g = c.e;
+            }
+            if (c.u != null) {
+                a.s = c.u;
             }
             if (c.s != null) {
-                a.s = c.s;
+                a.q = c.s;
             }
             if (c.q != null) {
-                a.q = c.q;
-            }
-            if (c.o != null) {
-                a.p = c.q;
+                a.p = c.s;
             }
         }
         return a;

package/esm5/lib/NativeUIXInputsFactory.js

@@ -21,9 +21,9 @@ import { NativeUICheckbox } from "igniteui-webcomponents-core";
 import { XIcon } from "./XIcon";
 import { XIconBridge } from "./XIconBridge";
 import { NativeUIIcon } from "igniteui-webcomponents-core";
+import { Popup } from "igniteui-webcomponents-core";
 import { XPopupBridge } from "./XPopupBridge";
 import { NativeUIPopup } from "igniteui-webcomponents-core";
-import { Popup } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */

package/esm5/lib/XPopupBridge.js

@@ -154,7 +154,7 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 25: return c.al;
             case 26: return c.a8;
             case 17: return c.a0;
-            case 23: return c.cw;
+            case 23: return c.cy;
             case 35: switch (c.p) {
                 case 1: return enumGetBox(NativeUIPopupAnimationType_$type, 1);
                 default: return enumGetBox(NativeUIPopupAnimationType_$type, 0);
@@ -167,7 +167,7 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 case 1: return enumGetBox(NativeUIPopupPointerPosition_$type, 1);
                 default: return enumGetBox(NativeUIPopupPointerPosition_$type, 2);
             }
-            case 42: return c.c0;
+            case 42: return c.c2;
             case 39: return c.an;
             case 61: return c.a3;
         }
@@ -186,7 +186,7 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 d.a0 = c;
                 break;
             case 23:
-                d.cw = c;
+                d.cy = c;
                 break;
             case 35:
                 switch (EnumUtil.getEnumValue(NativeUIPopupAnimationType_$type, c)) {
@@ -211,7 +211,7 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 d.at = c;
                 break;
             case 42:
-                d.c0 = c;
+                d.c2 = c;
                 break;
             case 43:
                 switch (EnumUtil.getEnumValue(NativeUIPopupPointerPosition_$type, c)) {
@@ -236,13 +236,13 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
     };
     XPopupBridge.prototype.close = function (a) {
-        a.b3();
+        a.b5();
     };
     XPopupBridge.prototype.notifyContentSizeChanged = function (a) {
-        a.b6();
+        a.b8();
     };
     XPopupBridge.prototype.notifyExclusionRectChanged = function (a, b) {
-        a.b7(b);
+        a.b9(b);
     };
     XPopupBridge.prototype.v = function (a) {
         switch (a) {

package/esm5/lib/igc-x-button-group-button-collection.js

@@ -41,7 +41,12 @@ var IgcXButtonGroupButtonCollection = /** @class */ /*@__PURE__*/ (function (_su
             if (!ext) {
                 ext = IgcXButtonComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-x-calendar-component.js

@@ -11,6 +11,7 @@ import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { DayOfWeek_$type } from "./DayOfWeek";
 import { FirstWeek_$type } from "./FirstWeek";
+import { IgcHTMLElement } from "igniteui-webcomponents-core";
 var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcXCalendarComponent, _super);
     function IgcXCalendarComponent() {
@@ -621,5 +622,5 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     IgcXCalendarComponent.htmlTagName = "igc-x-calendar";
     IgcXCalendarComponent._isElementRegistered = false;
     return IgcXCalendarComponent;
-}(HTMLElement));
+}(IgcHTMLElement));
 export { IgcXCalendarComponent };

package/esm5/lib/igc-x-input-group-input-collection.js

@@ -41,7 +41,12 @@ var IgcXInputGroupInputCollection = /** @class */ /*@__PURE__*/ (function (_supe
             if (!ext) {
                 ext = IgcXInputGroupItemComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/fesm2015/igniteui-webcomponents-inputs.js

@@ -4122,30 +4122,30 @@ let XButton = /*@__PURE__*/ (() => {
             c.l = this.disabled;
             if (this.aa != null) {
                 let g = this.aa;
-                if (this.view != null && g.n == null) {
+                if (this.view != null && g.p == null) {
                     let h = this.view.k;
                     let i = FontUtil.getFontInfoFromString(h, g.fontString);
-                    g.n = i.n;
-                    g.d = i.d;
-                    g.o = i.o;
+                    g.p = i.p;
+                    g.e = i.e;
                     g.q = i.q;
-                    g.r = i.r;
                     g.s = i.s;
+                    g.t = i.t;
+                    g.u = i.u;
                 }
-                if (g.n != null) {
-                    c.ac = g.n;
+                if (g.p != null) {
+                    c.ac = g.p;
                 }
-                if (!isNaN_(g.d)) {
-                    c.r = g.d;
+                if (!isNaN_(g.e)) {
+                    c.r = g.e;
+                }
+                if (g.u != null) {
+                    c.ag = g.u;
                 }
                 if (g.s != null) {
-                    c.ag = g.s;
+                    c.ae = g.s;
                 }
                 if (g.q != null) {
-                    c.ae = g.q;
-                }
-                if (g.o != null) {
-                    c.ad = g.q;
+                    c.ad = g.s;
                 }
             }
             return c;
@@ -7562,30 +7562,30 @@ let XIcon = /*@__PURE__*/ (() => {
             a.svgPath = this.svgPath;
             if (this.k != null) {
                 let d = this.k;
-                if (this.view != null && d.n == null) {
+                if (this.view != null && d.p == null) {
                     let e = this.view.o;
                     let f = FontUtil.getFontInfoFromString(e, d.fontString);
-                    d.n = f.n;
-                    d.d = f.d;
-                    d.o = f.o;
+                    d.p = f.p;
+                    d.e = f.e;
                     d.q = f.q;
-                    d.r = f.r;
                     d.s = f.s;
+                    d.t = f.t;
+                    d.u = f.u;
+                }
+                if (d.p != null) {
+                    a.l = d.p;
                 }
-                if (d.n != null) {
-                    a.l = d.n;
+                if (!isNaN_(d.e)) {
+                    a.g = d.e;
                 }
-                if (!isNaN_(d.d)) {
-                    a.g = d.d;
+                if (d.u != null) {
+                    a.p = d.u;
                 }
                 if (d.s != null) {
-                    a.p = d.s;
+                    a.n = d.s;
                 }
                 if (d.q != null) {
-                    a.n = d.q;
-                }
-                if (d.o != null) {
-                    a.m = d.q;
+                    a.m = d.s;
                 }
             }
             return a;
@@ -11255,30 +11255,30 @@ let XCalendar = /*@__PURE__*/ (() => {
             }
             if (this.v != null) {
                 let w = this.v;
-                if (this.h != null && w.n == null) {
+                if (this.h != null && w.p == null) {
                     let x = this.h.m;
                     let y = FontUtil.getFontInfoFromString(x, w.fontString);
-                    w.n = y.n;
-                    w.d = y.d;
-                    w.o = y.o;
+                    w.p = y.p;
+                    w.e = y.e;
                     w.q = y.q;
-                    w.r = y.r;
                     w.s = y.s;
+                    w.t = y.t;
+                    w.u = y.u;
+                }
+                if (w.p != null) {
+                    a.p = w.p;
                 }
-                if (w.n != null) {
-                    a.p = w.n;
+                if (!isNaN_(w.e)) {
+                    a.m = w.e;
                 }
-                if (!isNaN_(w.d)) {
-                    a.m = w.d;
+                if (w.u != null) {
+                    a.t = w.u;
                 }
                 if (w.s != null) {
-                    a.t = w.s;
+                    a.r = w.s;
                 }
                 if (w.q != null) {
-                    a.r = w.q;
-                }
-                if (w.o != null) {
-                    a.q = w.q;
+                    a.q = w.s;
                 }
             }
             return a;
@@ -11342,7 +11342,7 @@ class IgcSelectedValueChangedEventArgs {
 }
 
 let IgcXCalendarComponent = /*@__PURE__*/ (() => {
-    class IgcXCalendarComponent extends HTMLElement {
+    class IgcXCalendarComponent extends IgcHTMLElement {
         set height(value) {
             this._height = value;
             this.style.height = value;
@@ -17262,30 +17262,30 @@ let XLabel = /*@__PURE__*/ (() => {
             a.p = this.e;
             if (this.w != null) {
                 let c = this.w;
-                if (this.view != null && c.n == null) {
+                if (this.view != null && c.p == null) {
                     let d = this.view.k;
                     let e = FontUtil.getFontInfoFromString(d, c.fontString);
-                    c.n = e.n;
-                    c.d = e.d;
-                    c.o = e.o;
+                    c.p = e.p;
+                    c.e = e.e;
                     c.q = e.q;
-                    c.r = e.r;
                     c.s = e.s;
+                    c.t = e.t;
+                    c.u = e.u;
+                }
+                if (c.p != null) {
+                    a.s = c.p;
                 }
-                if (c.n != null) {
-                    a.s = c.n;
+                if (!isNaN_(c.e)) {
+                    a.k = c.e;
                 }
-                if (!isNaN_(c.d)) {
-                    a.k = c.d;
+                if (c.u != null) {
+                    a.w = c.u;
                 }
                 if (c.s != null) {
-                    a.w = c.s;
+                    a.u = c.s;
                 }
                 if (c.q != null) {
-                    a.u = c.q;
-                }
-                if (c.o != null) {
-                    a.t = c.q;
+                    a.t = c.s;
                 }
             }
             return a;
@@ -17378,7 +17378,7 @@ let XInput = /*@__PURE__*/ (() => {
             this.view = a;
             this.view.as();
             XInput.ae = new FontInfo();
-            XInput.ae.n = "Verdana";
+            XInput.ae.p = "Verdana";
         }
         get view() {
             return this._view;
@@ -17936,30 +17936,30 @@ let XInput = /*@__PURE__*/ (() => {
             a.k = this.e;
             if (this.ad != null) {
                 let c = this.ad;
-                if (this.view != null && c.n == null) {
+                if (this.view != null && c.p == null) {
                     let d = this.view.l;
                     let e = FontUtil.getFontInfoFromString(d, c.fontString);
-                    c.n = e.n;
-                    c.d = e.d;
-                    c.o = e.o;
+                    c.p = e.p;
+                    c.e = e.e;
                     c.q = e.q;
-                    c.r = e.r;
                     c.s = e.s;
+                    c.t = e.t;
+                    c.u = e.u;
+                }
+                if (c.p != null) {
+                    a.o = c.p;
                 }
-                if (c.n != null) {
-                    a.o = c.n;
+                if (!isNaN_(c.e)) {
+                    a.g = c.e;
                 }
-                if (!isNaN_(c.d)) {
-                    a.g = c.d;
+                if (c.u != null) {
+                    a.s = c.u;
                 }
                 if (c.s != null) {
-                    a.s = c.s;
+                    a.q = c.s;
                 }
                 if (c.q != null) {
-                    a.q = c.q;
-                }
-                if (c.o != null) {
-                    a.p = c.q;
+                    a.p = c.s;
                 }
             }
             return a;
@@ -19436,7 +19436,12 @@ class IgcXInputGroupInputCollection extends IgCollection {
             if (!ext) {
                 ext = IgcXInputGroupItemComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -23085,7 +23090,7 @@ let DatePicker = /*@__PURE__*/ (() => {
             this.u = new Popup();
             this.u.aq = this.aw;
             this.u.ax = this.a2;
-            this.u.cw = BrushUtil.h(255, 255, 255, 255);
+            this.u.cy = BrushUtil.h(255, 255, 255, 255);
             this.u.a8 = 150;
             this.h.at(this.u);
             this.c = new XCalendar();
@@ -23163,7 +23168,7 @@ let DatePicker = /*@__PURE__*/ (() => {
         }
         dj(a, b) {
             if (this.ax) {
-                this.u.cn(this.h.d.rootWrapper.getNativeElement(), a, b);
+                this.u.cp(this.h.d.rootWrapper.getNativeElement(), a, b);
             }
             else {
                 let c = this.h.a0(true);
@@ -23185,27 +23190,27 @@ let DatePicker = /*@__PURE__*/ (() => {
                     if (f < 0) {
                         if (this.u.r != 1) {
                             this.u.r = 1;
-                            this.u.b7(b);
+                            this.u.b9(b);
                         }
                     }
                     else {
                         if (this.u.r != 2) {
                             this.u.r = 2;
-                            this.u.b7(b);
+                            this.u.b9(b);
                         }
                     }
                 }
                 else {
                     if (this.u.r != 1) {
                         this.u.r = 1;
-                        this.u.b7(b);
+                        this.u.b9(b);
                     }
                 }
             }
         }
         cq() {
             if (this.u != null) {
-                window.setTimeout(() => this.u.b3(), 0);
+                window.setTimeout(() => this.u.b5(), 0);
             }
             if (this.c != null) {
                 this.c.cy();
@@ -23280,30 +23285,30 @@ let DatePicker = /*@__PURE__*/ (() => {
             a.a = this.c.bj();
             if (this.ad != null) {
                 let b = this.ad;
-                if (this.h != null && b.n == null) {
+                if (this.h != null && b.p == null) {
                     let c = this.h.d;
                     let d = FontUtil.getFontInfoFromString(c, b.fontString);
-                    b.n = d.n;
-                    b.d = d.d;
-                    b.o = d.o;
+                    b.p = d.p;
+                    b.e = d.e;
                     b.q = d.q;
-                    b.r = d.r;
                     b.s = d.s;
+                    b.t = d.t;
+                    b.u = d.u;
+                }
+                if (b.p != null) {
+                    a.h = b.p;
                 }
-                if (b.n != null) {
-                    a.h = b.n;
+                if (!isNaN_(b.e)) {
+                    a.f = b.e;
                 }
-                if (!isNaN_(b.d)) {
-                    a.f = b.d;
+                if (b.u != null) {
+                    a.l = b.u;
                 }
                 if (b.s != null) {
-                    a.l = b.s;
+                    a.j = b.s;
                 }
                 if (b.q != null) {
-                    a.j = b.q;
-                }
-                if (b.o != null) {
-                    a.i = b.q;
+                    a.i = b.s;
                 }
             }
             return a;
@@ -27442,7 +27447,12 @@ class IgcXButtonGroupButtonCollection extends IgCollection {
             if (!ext) {
                 ext = IgcXButtonComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -29737,7 +29747,7 @@ let XPopupBridge = /*@__PURE__*/ (() => {
                 case 25: return c.al;
                 case 26: return c.a8;
                 case 17: return c.a0;
-                case 23: return c.cw;
+                case 23: return c.cy;
                 case 35: switch (c.p) {
                     case 1: return enumGetBox(NativeUIPopupAnimationType_$type, 1);
                     default: return enumGetBox(NativeUIPopupAnimationType_$type, 0);
@@ -29750,7 +29760,7 @@ let XPopupBridge = /*@__PURE__*/ (() => {
                     case 1: return enumGetBox(NativeUIPopupPointerPosition_$type, 1);
                     default: return enumGetBox(NativeUIPopupPointerPosition_$type, 2);
                 }
-                case 42: return c.c0;
+                case 42: return c.c2;
                 case 39: return c.an;
                 case 61: return c.a3;
             }
@@ -29769,7 +29779,7 @@ let XPopupBridge = /*@__PURE__*/ (() => {
                     d.a0 = c;
                     break;
                 case 23:
-                    d.cw = c;
+                    d.cy = c;
                     break;
                 case 35:
                     switch (EnumUtil.getEnumValue(NativeUIPopupAnimationType_$type, c)) {
@@ -29794,7 +29804,7 @@ let XPopupBridge = /*@__PURE__*/ (() => {
                     d.at = c;
                     break;
                 case 42:
-                    d.c0 = c;
+                    d.c2 = c;
                     break;
                 case 43:
                     switch (EnumUtil.getEnumValue(NativeUIPopupPointerPosition_$type, c)) {
@@ -29819,13 +29829,13 @@ let XPopupBridge = /*@__PURE__*/ (() => {
             a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
         }
         close(a) {
-            a.b3();
+            a.b5();
         }
         notifyContentSizeChanged(a) {
-            a.b6();
+            a.b8();
         }
         notifyExclusionRectChanged(a, b) {
-            a.b7(b);
+            a.b9(b);
         }
         v(a) {
             switch (a) {