igniteui-angular-inputs 17.3.0-beta.0 → 17.3.1-alpha.0

package/esm2015/lib/ButtonView_combined.js

@@ -744,7 +744,6 @@ export let XButton = /*@__PURE__*/ (() => {
                 case "DisabledTextColor":
                 case "DisabledElevation":
                 case "HoverBackgroundColor":
-                case "TextStyle":
                 case "FocusTextColor":
                 case "TextColor":
                 case "HoverTextColor":
@@ -850,6 +849,7 @@ export let XButton = /*@__PURE__*/ (() => {
                     this.ap = this.disabled || this.at;
                     this.ki();
                     break;
+                case "TextStyle":
                 case "DisableHover":
                     this.kh();
                     break;
@@ -2896,30 +2896,30 @@ export let XButton = /*@__PURE__*/ (() => {
             c.l = this.disabled;
             if (this.aa != null) {
                 let g = this.aa;
-                if (this.view != null && g.p == null) {
+                if (this.view != null && g.q == null) {
                     let h = this.view.k;
                     let i = FontUtil.getFontInfoFromString(h, g.fontString);
-                    g.p = i.p;
-                    g.e = i.e;
                     g.q = i.q;
-                    g.s = i.s;
+                    g.f = i.f;
+                    g.r = i.r;
                     g.t = i.t;
                     g.u = i.u;
+                    g.v = i.v;
                 }
-                if (g.p != null) {
-                    c.ac = g.p;
+                if (g.q != null) {
+                    c.ac = g.q;
                 }
-                if (!isNaN_(g.e)) {
-                    c.r = g.e;
+                if (!isNaN_(g.f)) {
+                    c.r = g.f;
                 }
-                if (g.u != null) {
-                    c.ag = g.u;
+                if (g.v != null) {
+                    c.ag = g.v;
                 }
-                if (g.s != null) {
-                    c.ae = g.s;
+                if (g.t != null) {
+                    c.ae = g.t;
                 }
-                if (g.q != null) {
-                    c.ad = g.s;
+                if (g.r != null) {
+                    c.ad = g.t;
                 }
             }
             return c;
@@ -2951,7 +2951,7 @@ export let XButton = /*@__PURE__*/ (() => {
             $ret.addItem("HoverElevation", 4);
             $ret.addItem("FocusElevation", 8);
             $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("RippleColor", BrushUtil.h(255, 255, 255, 255));
+            $ret.addItem("RippleColor", BrushUtil.h(138, 0, 0, 0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("BorderWidth", NaN);
             $ret.addItem("BackgroundColor", BrushUtil.h(255, 228, 28, 119));
@@ -2972,11 +2972,11 @@ export let XButton = /*@__PURE__*/ (() => {
             $ret.addItem("HoverElevation", 0);
             $ret.addItem("FocusElevation", 0);
             $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("RippleColor", null);
+            $ret.addItem("RippleColor", BrushUtil.h(138, 0, 0, 0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("BorderWidth", NaN);
             $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
-            $ret.addItem("TextColor", BrushUtil.h(255, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.h(255, 228, 28, 119));
             $ret.addItem("HoverTextColor", BrushUtil.h(255, 228, 28, 119));
             $ret.addItem("HoverBackgroundColor", BrushUtil.h(13, 228, 28, 119));
             $ret.addItem("FocusBackgroundColor", BrushUtil.h(30, 228, 28, 119));
@@ -2992,8 +2992,8 @@ export let XButton = /*@__PURE__*/ (() => {
             $ret.addItem("RestingElevation", 0);
             $ret.addItem("HoverElevation", 0);
             $ret.addItem("FocusElevation", 0);
-            $ret.addItem("BorderColor", BrushUtil.h(30, 0, 0, 0));
-            $ret.addItem("RippleColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BorderColor", BrushUtil.h(255, 228, 28, 119));
+            $ret.addItem("RippleColor", BrushUtil.h(138, 0, 0, 0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("BorderWidth", 1);
             $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
@@ -3014,7 +3014,7 @@ export let XButton = /*@__PURE__*/ (() => {
             $ret.addItem("HoverElevation", 0);
             $ret.addItem("FocusElevation", 0);
             $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("RippleColor", null);
+            $ret.addItem("RippleColor", BrushUtil.h(138, 0, 0, 0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 28));
             $ret.addItem("BorderWidth", NaN);
             $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
@@ -3035,7 +3035,7 @@ export let XButton = /*@__PURE__*/ (() => {
             $ret.addItem("HoverElevation", 12);
             $ret.addItem("FocusElevation", 12);
             $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("RippleColor", BrushUtil.h(255, 255, 255, 255));
+            $ret.addItem("RippleColor", BrushUtil.h(138, 0, 0, 0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 28));
             $ret.addItem("BorderWidth", NaN);
             $ret.addItem("BackgroundColor", BrushUtil.h(255, 228, 28, 119));

package/esm2015/lib/CalendarView_combined.js

@@ -2753,30 +2753,30 @@ export let XCalendar = /*@__PURE__*/ (() => {
             }
             if (this.v != null) {
                 let w = this.v;
-                if (this.h != null && w.p == null) {
+                if (this.h != null && w.q == null) {
                     let x = this.h.m;
                     let y = FontUtil.getFontInfoFromString(x, w.fontString);
-                    w.p = y.p;
-                    w.e = y.e;
                     w.q = y.q;
-                    w.s = y.s;
+                    w.f = y.f;
+                    w.r = y.r;
                     w.t = y.t;
                     w.u = y.u;
+                    w.v = y.v;
                 }
-                if (w.p != null) {
-                    a.p = w.p;
+                if (w.q != null) {
+                    a.p = w.q;
                 }
-                if (!isNaN_(w.e)) {
-                    a.m = w.e;
+                if (!isNaN_(w.f)) {
+                    a.m = w.f;
                 }
-                if (w.u != null) {
-                    a.t = w.u;
+                if (w.v != null) {
+                    a.t = w.v;
                 }
-                if (w.s != null) {
-                    a.r = w.s;
+                if (w.t != null) {
+                    a.r = w.t;
                 }
-                if (w.q != null) {
-                    a.q = w.s;
+                if (w.r != null) {
+                    a.q = w.t;
                 }
             }
             return a;

package/esm2015/lib/CheckboxView_combined.js

@@ -49,12 +49,12 @@ export let CheckboxView = /*@__PURE__*/ (() => {
             this.d = null;
             this.p = null;
         }
-        ae() {
+        af() {
         }
         i() {
             return true;
         }
-        ac(a) {
+        ad(a) {
             if (a == null) {
                 for (let b of fromEnum(this.j)) {
                     b();
@@ -84,11 +84,11 @@ export let CheckboxView = /*@__PURE__*/ (() => {
             this.r.setStyleProperty("appearance", "none");
             this.r.setAttribute("type", "checkbox");
             this.r.setAttribute("id", this.c.b1);
-            this.ai();
-            this.j.add(c.listen("change", runOn(this, this.w)));
-            this.j.add(c.listen("click", runOn(this, this.x)));
-            this.j.add(c.listen("focus", runOn(this, this.y)));
-            this.j.add(c.listen("blur", runOn(this, this.v)));
+            this.aj();
+            this.j.add(c.listen("change", runOn(this, this.x)));
+            this.j.add(c.listen("click", runOn(this, this.y)));
+            this.j.add(c.listen("focus", runOn(this, this.z)));
+            this.j.add(c.listen("blur", runOn(this, this.w)));
             this.l.append(c);
             let d = this.l.createElement("div");
             d.addClass("ig-checkbox-box");
@@ -172,16 +172,16 @@ export let CheckboxView = /*@__PURE__*/ (() => {
             l.setStyleProperty("cursor", "pointer");
             l.setStyleProperty("role", "label");
             this.p = l;
-            this.j.add(l.listen("click", runOn(this, this.u)));
+            this.j.add(l.listen("click", runOn(this, this.v)));
             this.l.append(l);
             this.l.getPortal(l, "ChildContent", (m) => {
             }, true);
             this.c.cp();
         }
-        u(a) {
+        v(a) {
             this.c.toggle();
         }
-        ai() {
+        aj() {
             if (this.i()) {
                 let a = this.c.b1;
                 this.r.setAttribute("name", this.c.ca);
@@ -203,26 +203,26 @@ export let CheckboxView = /*@__PURE__*/ (() => {
                 this.r.setAttribute("aria-label", this.c.bm);
             }
         }
-        ak() {
+        al() {
             return new Size(1, this.q.width(), this.q.height());
         }
-        ah() {
+        ai() {
             this.n.setAttribute("d", this.c.bf);
         }
-        af() {
+        ag() {
             if (this.i()) {
                 let a = this.c.b1;
                 this.r.setAttribute("id", a);
                 this.q.setAttribute("for", a);
             }
         }
-        v(a) {
+        w(a) {
             this.c.focused = false;
         }
-        y(a) {
+        z(a) {
             this.c.focused = true;
         }
-        x(a) {
+        y(a) {
             a.stopPropagation();
             if (this.h()) {
                 let native_ = this.r.getNativeElement();
@@ -233,10 +233,10 @@ export let CheckboxView = /*@__PURE__*/ (() => {
         h() {
             return false;
         }
-        w(a) {
+        x(a) {
             a.stopPropagation();
         }
-        z() {
+        aa() {
             if (KeyFrameAnimationFactory.h == null) {
                 KeyFrameAnimationFactory.h = this.l;
             }
@@ -247,7 +247,10 @@ export let CheckboxView = /*@__PURE__*/ (() => {
         b(a) {
             return new AnimationKeyFrameEffect(0, this.o, 0, null, a);
         }
-        aa(a) {
+        ab(a) {
+        }
+        get t() {
+            return this.q;
         }
         get s() {
             return this.q;
@@ -255,32 +258,32 @@ export let CheckboxView = /*@__PURE__*/ (() => {
         get e() {
             return this.d;
         }
-        get t() {
+        get u() {
             return this.o;
         }
-        ab() {
+        ac() {
             this.g = true;
-            this.j.add(this.r.listen("change", runOn(this, this.w)));
-            this.j.add(this.r.listen("click", runOn(this, this.x)));
-            this.j.add(this.r.listen("focus", runOn(this, this.y)));
-            this.j.add(this.r.listen("blur", runOn(this, this.v)));
-            this.j.add(this.p.listen("click", runOn(this, this.u)));
+            this.j.add(this.r.listen("change", runOn(this, this.x)));
+            this.j.add(this.r.listen("click", runOn(this, this.y)));
+            this.j.add(this.r.listen("focus", runOn(this, this.z)));
+            this.j.add(this.r.listen("blur", runOn(this, this.w)));
+            this.j.add(this.p.listen("click", runOn(this, this.v)));
         }
-        ad() {
+        ae() {
             this.g = false;
             for (let a of fromEnum(this.j)) {
                 a();
             }
             this.j.clear();
         }
-        ag() {
+        ah() {
             let model_ = this.c;
             if (model_.externalObject && model_.externalObject.refreshDefaults) {
                 model_.externalObject.refreshDefaults();
             }
             ;
         }
-        aj(a, b) {
+        ak(a, b) {
             this.d.ax = a;
             this.d.aw = b;
         }
@@ -356,7 +359,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             let a = new CheckboxView();
             a.c = this;
             this.view = a;
-            this.view.ae();
+            this.view.af();
         }
         get view() {
             return this._view;
@@ -451,7 +454,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                     this.ct();
                     break;
                 case "ActualCheckPath":
-                    this.view.ah();
+                    this.view.ai();
                     break;
                 case "IsChecked":
                     if (!this.s) {
@@ -474,30 +477,32 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                     this.view.e.i = this.y;
                     break;
                 case "InputId":
-                    this.view.af();
+                    this.view.ag();
                     break;
             }
         }
         ct() {
-            let a = this.view.s;
-            if (a == null) {
+            let a = this.view.t;
+            let b = this.view.s;
+            if (a == null || b == null) {
                 return;
             }
             NativeUI.o(a, new CornerRadius(0, this.ao));
+            NativeUI.o(b, new CornerRadius(0, this.ao));
             if (!isNaN_(this.an)) {
-                NativeUI.p(a, new Thickness(0, this.an));
+                NativeUI.p(b, new Thickness(0, this.an));
             }
             if (this.checked) {
                 NativeUI.m(a, this.c8);
-                NativeUI.n(a, this.c9);
+                NativeUI.n(b, this.c9);
             }
             else {
                 NativeUI.m(a, this.db);
-                NativeUI.n(a, this.dc);
+                NativeUI.n(b, this.dc);
             }
         }
         cw() {
-            let a = this.view.t;
+            let a = this.view.u;
             if (a == null) {
                 return;
             }
@@ -852,10 +857,10 @@ export let XCheckbox = /*@__PURE__*/ (() => {
         cp() {
             this.ck();
             if (this.checked) {
-                this.view.aj(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.c8, 0.1));
+                this.view.ak(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.c8, 0.1));
             }
             else {
-                this.view.aj(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.dc, 0.1));
+                this.view.ak(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.dc, 0.1));
             }
         }
         get a() {
@@ -865,12 +870,12 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             return a;
         }
         ck() {
-            this.view.z();
+            this.view.aa();
             let a = false;
             if (this.o == null) {
                 if (!a) {
                     a = true;
-                    this.view.ag();
+                    this.view.ah();
                 }
                 this.o = KeyFrameAnimationFactory.f.c(this.view.a(this.a).m(new AnimationKeyFrameProperty(2, this.db), new AnimationKeyFrameProperty(3, this.dc)).m(new AnimationKeyFrameProperty(2, this.c8), new AnimationKeyFrameProperty(3, this.c9)));
                 this.p = KeyFrameAnimationFactory.f.c(this.view.b(this.a).m(new AnimationKeyFrameProperty(19, 24), new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(19, 0), new AnimationKeyFrameProperty(1, 1)));
@@ -910,46 +915,47 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                 c = -1;
             }
             if (b) {
-                this.view.aj(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.c8, 0.1));
+                this.view.ak(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.c8, 0.1));
             }
             else {
-                this.view.aj(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.dc, 0.1));
+                this.view.ak(BrushUtil.q(this.c8, 0.6), BrushUtil.q(this.dc, 0.1));
             }
             if (!this.indeterminate) {
-                NativeUI.af(this.view.t, null);
+                NativeUI.af(this.view.u, null);
             }
             if (this.z || this.indeterminate || a) {
-                let d = this.view.s;
-                let e = this.view.t;
+                let d = this.view.t;
+                let e = this.view.s;
+                let f = this.view.u;
                 if (this.indeterminate) {
-                    let f = new TransformGroup();
-                    f.j.add(((() => {
+                    let g = new TransformGroup();
+                    g.j.add(((() => {
                         let $ret = new RotateTransform();
                         $ret.j = 45;
                         return $ret;
                     })()));
-                    f.j.add(((() => {
+                    g.j.add(((() => {
                         let $ret = new TranslateTransform();
                         $ret.j = -this.view.k();
                         return $ret;
                     })()));
                     NativeUI.m(d, this.c8);
-                    NativeUI.n(d, this.c9);
-                    NativeUI.y(e, 1);
-                    NativeUI.ac(e, 41);
-                    NativeUI.af(e, f);
+                    NativeUI.n(e, this.c9);
+                    NativeUI.y(f, 1);
+                    NativeUI.ac(f, 41);
+                    NativeUI.af(f, g);
                 }
                 else if (b) {
                     NativeUI.m(d, this.c8);
-                    NativeUI.n(d, this.c9);
-                    NativeUI.y(e, 1);
-                    NativeUI.ac(e, 0);
+                    NativeUI.n(e, this.c9);
+                    NativeUI.y(f, 1);
+                    NativeUI.ac(f, 0);
                 }
                 else {
                     NativeUI.m(d, this.db);
-                    NativeUI.n(d, this.dc);
-                    NativeUI.y(e, 0);
-                    NativeUI.ac(e, 24);
+                    NativeUI.n(e, this.dc);
+                    NativeUI.y(f, 0);
+                    NativeUI.ac(f, 24);
                 }
                 if (this.o.playState == 1) {
                     this.o.cancel();
@@ -961,13 +967,13 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             }
             if ((c > 0 && this.o.playbackRate < 0) || (c < 0 && this.o.playbackRate > 0)) {
                 this.o.reverse();
-                this.o.finished.f((g) => {
+                this.o.finished.f((h) => {
                     if (this.o != null) {
                         this.o.commitStyles();
                     }
                 });
                 this.p.reverse();
-                this.p.finished.f((g) => {
+                this.p.finished.f((h) => {
                     if (this.p != null) {
                         this.p.commitStyles();
                     }
@@ -975,13 +981,13 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             }
             else {
                 this.o.play();
-                this.o.finished.f((g) => {
+                this.o.finished.f((h) => {
                     if (this.o != null) {
                         this.o.commitStyles();
                     }
                 });
                 this.p.play();
-                this.p.finished.f((g) => {
+                this.p.finished.f((h) => {
                     if (this.p != null) {
                         this.p.commitStyles();
                     }
@@ -989,10 +995,10 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             }
         }
         onDetachedFromUI() {
-            this.view.ad();
+            this.view.ae();
         }
         onAttachedToUI() {
-            this.view.ab();
+            this.view.ac();
         }
         onContentReady() {
             if (this.indeterminate) {
@@ -1032,7 +1038,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             return a;
         }
         provideContainer(a) {
-            this.view.ac(a);
+            this.view.ad(a);
         }
     }
     XCheckbox.$t = markType(XCheckbox, 'XCheckbox', Base.$, [INotifyPropertyChanged_$type]);

package/esm2015/lib/DatePickerView_combined.js

@@ -1651,30 +1651,30 @@ export let DatePicker = /*@__PURE__*/ (() => {
             a.a = this.c.bj();
             if (this.ad != null) {
                 let b = this.ad;
-                if (this.h != null && b.p == null) {
+                if (this.h != null && b.q == null) {
                     let c = this.h.d;
                     let d = FontUtil.getFontInfoFromString(c, b.fontString);
-                    b.p = d.p;
-                    b.e = d.e;
                     b.q = d.q;
-                    b.s = d.s;
+                    b.f = d.f;
+                    b.r = d.r;
                     b.t = d.t;
                     b.u = d.u;
+                    b.v = d.v;
                 }
-                if (b.p != null) {
-                    a.h = b.p;
+                if (b.q != null) {
+                    a.h = b.q;
                 }
-                if (!isNaN_(b.e)) {
-                    a.f = b.e;
+                if (!isNaN_(b.f)) {
+                    a.f = b.f;
                 }
-                if (b.u != null) {
-                    a.l = b.u;
+                if (b.v != null) {
+                    a.l = b.v;
                 }
-                if (b.s != null) {
-                    a.j = b.s;
+                if (b.t != null) {
+                    a.j = b.t;
                 }
-                if (b.q != null) {
-                    a.i = b.s;
+                if (b.r != null) {
+                    a.i = b.t;
                 }
             }
             return a;