igniteui-angular-inputs 21.1.0-beta.2 → 21.1.0

package/esm2015/lib/CheckboxView_combined.js

@@ -22,8 +22,8 @@ import { Thickness } from "igniteui-angular-core";
 import { CheckboxChangeEventArgs } from "./CheckboxChangeEventArgs";
 import { AnimationKeyFrameProperty } from "igniteui-angular-core";
 import { TransformGroup } from "igniteui-angular-core";
-import { RotateTransform } from "igniteui-angular-core";
 import { TranslateTransform } from "igniteui-angular-core";
+import { RotateTransform } from "igniteui-angular-core";
 import { CheckboxVisualModelExport } from "./CheckboxVisualModelExport";
 import { AppearanceHelper } from "igniteui-angular-core";
 import { Dictionary$2 } from "igniteui-angular-core";
@@ -940,13 +940,13 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                     let g = new TransformGroup();
                     let h = this.view.am();
                     g.j.add(((() => {
-                        let $ret = new RotateTransform();
-                        $ret.j = 45;
+                        let $ret = new TranslateTransform();
+                        $ret.j = this.ap / 24 * -16;
                         return $ret;
                     })()));
                     g.j.add(((() => {
-                        let $ret = new TranslateTransform();
-                        $ret.j = -this.view.l();
+                        let $ret = new RotateTransform();
+                        $ret.j = 45;
                         return $ret;
                     })()));
                     NativeUI.n(d, this.c8);
@@ -1086,7 +1086,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
     })()));
     XCheckbox.j = ThemeResolver.a(((() => {
         let $ret = new Dictionary$2(String_$type, Base.$, 0);
-        $ret.addItem("CheckPath", "M5.1,12.7 9,17.6 19,9");
+        $ret.addItem("CheckPath", "M4.1,12.7 9,17.6 20.3,6.3");
         $ret.addItem("UncheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("CheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("UncheckedBackgroundColor", BrushUtil.l(255, 255, 255, 255));
@@ -1099,7 +1099,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
     })()));
     XCheckbox.i = ThemeResolver.a(((() => {
         let $ret = new Dictionary$2(String_$type, Base.$, 0);
-        $ret.addItem("CheckPath", "M5.1,12.7 9,17.6 19,9");
+        $ret.addItem("CheckPath", "M4.1,12.7 9,17.6 20.3,6.3");
         $ret.addItem("UncheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("CheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("UncheckedBackgroundColor", BrushUtil.l(255, 55, 63, 86));

package/esm2015/lib/igx-x-button-component.js

@@ -233,32 +233,64 @@ export let IgxXButtonComponent = /*@__PURE__*/ (() => {
         }
         set actualCornerRadiusBottomRight(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.c = +v;
-            this.i.k4 = this.i.k4;
+            const __nv = +v;
+            if (this.i.k4.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.k4.b;
+            __copy.d = this.i.k4.d;
+            __copy.e = this.i.k4.e;
+            this.i.k4 = __copy;
         }
         get actualCornerRadiusBottomLeft() {
             return this.i.k4 ? this.i.k4.b : NaN;
         }
         set actualCornerRadiusBottomLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.b = +v;
-            this.i.k4 = this.i.k4;
+            const __nv = +v;
+            if (this.i.k4.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.k4.c;
+            __copy.d = this.i.k4.d;
+            __copy.e = this.i.k4.e;
+            this.i.k4 = __copy;
         }
         get actualCornerRadiusTopLeft() {
             return this.i.k4 ? this.i.k4.d : NaN;
         }
         set actualCornerRadiusTopLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.d = +v;
-            this.i.k4 = this.i.k4;
+            const __nv = +v;
+            if (this.i.k4.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.k4.c;
+            __copy.b = this.i.k4.b;
+            __copy.e = this.i.k4.e;
+            this.i.k4 = __copy;
         }
         get actualCornerRadiusTopRight() {
             return this.i.k4 ? this.i.k4.e : NaN;
         }
         set actualCornerRadiusTopRight(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.e = +v;
-            this.i.k4 = this.i.k4;
+            const __nv = +v;
+            if (this.i.k4.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.k4.c;
+            __copy.b = this.i.k4.b;
+            __copy.d = this.i.k4.d;
+            this.i.k4 = __copy;
         }
         ensureActualCornerRadius() {
             if (this.i.k4) {
@@ -478,32 +510,64 @@ export let IgxXButtonComponent = /*@__PURE__*/ (() => {
         }
         set raisedCornerRadiusBottomRight(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.c = +v;
-            this.i.lh = this.i.lh;
+            const __nv = +v;
+            if (this.i.lh.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.lh.b;
+            __copy.d = this.i.lh.d;
+            __copy.e = this.i.lh.e;
+            this.i.lh = __copy;
         }
         get raisedCornerRadiusBottomLeft() {
             return this.i.lh ? this.i.lh.b : NaN;
         }
         set raisedCornerRadiusBottomLeft(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.b = +v;
-            this.i.lh = this.i.lh;
+            const __nv = +v;
+            if (this.i.lh.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.lh.c;
+            __copy.d = this.i.lh.d;
+            __copy.e = this.i.lh.e;
+            this.i.lh = __copy;
         }
         get raisedCornerRadiusTopLeft() {
             return this.i.lh ? this.i.lh.d : NaN;
         }
         set raisedCornerRadiusTopLeft(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.d = +v;
-            this.i.lh = this.i.lh;
+            const __nv = +v;
+            if (this.i.lh.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.lh.c;
+            __copy.b = this.i.lh.b;
+            __copy.e = this.i.lh.e;
+            this.i.lh = __copy;
         }
         get raisedCornerRadiusTopRight() {
             return this.i.lh ? this.i.lh.e : NaN;
         }
         set raisedCornerRadiusTopRight(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.e = +v;
-            this.i.lh = this.i.lh;
+            const __nv = +v;
+            if (this.i.lh.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.lh.c;
+            __copy.b = this.i.lh.b;
+            __copy.d = this.i.lh.d;
+            this.i.lh = __copy;
         }
         ensureRaisedCornerRadius() {
             if (this.i.lh) {
@@ -669,32 +733,64 @@ export let IgxXButtonComponent = /*@__PURE__*/ (() => {
         }
         set flatCornerRadiusBottomRight(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.c = +v;
-            this.i.ld = this.i.ld;
+            const __nv = +v;
+            if (this.i.ld.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.ld.b;
+            __copy.d = this.i.ld.d;
+            __copy.e = this.i.ld.e;
+            this.i.ld = __copy;
         }
         get flatCornerRadiusBottomLeft() {
             return this.i.ld ? this.i.ld.b : NaN;
         }
         set flatCornerRadiusBottomLeft(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.b = +v;
-            this.i.ld = this.i.ld;
+            const __nv = +v;
+            if (this.i.ld.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.ld.c;
+            __copy.d = this.i.ld.d;
+            __copy.e = this.i.ld.e;
+            this.i.ld = __copy;
         }
         get flatCornerRadiusTopLeft() {
             return this.i.ld ? this.i.ld.d : NaN;
         }
         set flatCornerRadiusTopLeft(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.d = +v;
-            this.i.ld = this.i.ld;
+            const __nv = +v;
+            if (this.i.ld.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.ld.c;
+            __copy.b = this.i.ld.b;
+            __copy.e = this.i.ld.e;
+            this.i.ld = __copy;
         }
         get flatCornerRadiusTopRight() {
             return this.i.ld ? this.i.ld.e : NaN;
         }
         set flatCornerRadiusTopRight(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.e = +v;
-            this.i.ld = this.i.ld;
+            const __nv = +v;
+            if (this.i.ld.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.ld.c;
+            __copy.b = this.i.ld.b;
+            __copy.d = this.i.ld.d;
+            this.i.ld = __copy;
         }
         ensureFlatCornerRadius() {
             if (this.i.ld) {
@@ -910,32 +1006,64 @@ export let IgxXButtonComponent = /*@__PURE__*/ (() => {
         }
         set cornerRadiusBottomRight(v) {
             this.ensureCornerRadius();
-            this.i.k6.c = +v;
-            this.i.k6 = this.i.k6;
+            const __nv = +v;
+            if (this.i.k6.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.k6.b;
+            __copy.d = this.i.k6.d;
+            __copy.e = this.i.k6.e;
+            this.i.k6 = __copy;
         }
         get cornerRadiusBottomLeft() {
             return this.i.k6 ? this.i.k6.b : NaN;
         }
         set cornerRadiusBottomLeft(v) {
             this.ensureCornerRadius();
-            this.i.k6.b = +v;
-            this.i.k6 = this.i.k6;
+            const __nv = +v;
+            if (this.i.k6.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.k6.c;
+            __copy.d = this.i.k6.d;
+            __copy.e = this.i.k6.e;
+            this.i.k6 = __copy;
         }
         get cornerRadiusTopLeft() {
             return this.i.k6 ? this.i.k6.d : NaN;
         }
         set cornerRadiusTopLeft(v) {
             this.ensureCornerRadius();
-            this.i.k6.d = +v;
-            this.i.k6 = this.i.k6;
+            const __nv = +v;
+            if (this.i.k6.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.k6.c;
+            __copy.b = this.i.k6.b;
+            __copy.e = this.i.k6.e;
+            this.i.k6 = __copy;
         }
         get cornerRadiusTopRight() {
             return this.i.k6 ? this.i.k6.e : NaN;
         }
         set cornerRadiusTopRight(v) {
             this.ensureCornerRadius();
-            this.i.k6.e = +v;
-            this.i.k6 = this.i.k6;
+            const __nv = +v;
+            if (this.i.k6.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.k6.c;
+            __copy.b = this.i.k6.b;
+            __copy.d = this.i.k6.d;
+            this.i.k6 = __copy;
         }
         ensureCornerRadius() {
             if (this.i.k6) {
@@ -1047,32 +1175,64 @@ export let IgxXButtonComponent = /*@__PURE__*/ (() => {
         }
         set outlinedCornerRadiusBottomRight(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.c = +v;
-            this.i.lg = this.i.lg;
+            const __nv = +v;
+            if (this.i.lg.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.lg.b;
+            __copy.d = this.i.lg.d;
+            __copy.e = this.i.lg.e;
+            this.i.lg = __copy;
         }
         get outlinedCornerRadiusBottomLeft() {
             return this.i.lg ? this.i.lg.b : NaN;
         }
         set outlinedCornerRadiusBottomLeft(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.b = +v;
-            this.i.lg = this.i.lg;
+            const __nv = +v;
+            if (this.i.lg.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.lg.c;
+            __copy.d = this.i.lg.d;
+            __copy.e = this.i.lg.e;
+            this.i.lg = __copy;
         }
         get outlinedCornerRadiusTopLeft() {
             return this.i.lg ? this.i.lg.d : NaN;
         }
         set outlinedCornerRadiusTopLeft(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.d = +v;
-            this.i.lg = this.i.lg;
+            const __nv = +v;
+            if (this.i.lg.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.lg.c;
+            __copy.b = this.i.lg.b;
+            __copy.e = this.i.lg.e;
+            this.i.lg = __copy;
         }
         get outlinedCornerRadiusTopRight() {
             return this.i.lg ? this.i.lg.e : NaN;
         }
         set outlinedCornerRadiusTopRight(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.e = +v;
-            this.i.lg = this.i.lg;
+            const __nv = +v;
+            if (this.i.lg.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.lg.c;
+            __copy.b = this.i.lg.b;
+            __copy.d = this.i.lg.d;
+            this.i.lg = __copy;
         }
         ensureOutlinedCornerRadius() {
             if (this.i.lg) {
@@ -1229,32 +1389,64 @@ export let IgxXButtonComponent = /*@__PURE__*/ (() => {
         }
         set fabCornerRadiusBottomRight(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.c = +v;
-            this.i.lc = this.i.lc;
+            const __nv = +v;
+            if (this.i.lc.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.lc.b;
+            __copy.d = this.i.lc.d;
+            __copy.e = this.i.lc.e;
+            this.i.lc = __copy;
         }
         get fabCornerRadiusBottomLeft() {
             return this.i.lc ? this.i.lc.b : NaN;
         }
         set fabCornerRadiusBottomLeft(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.b = +v;
-            this.i.lc = this.i.lc;
+            const __nv = +v;
+            if (this.i.lc.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.lc.c;
+            __copy.d = this.i.lc.d;
+            __copy.e = this.i.lc.e;
+            this.i.lc = __copy;
         }
         get fabCornerRadiusTopLeft() {
             return this.i.lc ? this.i.lc.d : NaN;
         }
         set fabCornerRadiusTopLeft(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.d = +v;
-            this.i.lc = this.i.lc;
+            const __nv = +v;
+            if (this.i.lc.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.lc.c;
+            __copy.b = this.i.lc.b;
+            __copy.e = this.i.lc.e;
+            this.i.lc = __copy;
         }
         get fabCornerRadiusTopRight() {
             return this.i.lc ? this.i.lc.e : NaN;
         }
         set fabCornerRadiusTopRight(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.e = +v;
-            this.i.lc = this.i.lc;
+            const __nv = +v;
+            if (this.i.lc.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.lc.c;
+            __copy.b = this.i.lc.b;
+            __copy.d = this.i.lc.d;
+            this.i.lc = __copy;
         }
         ensureFabCornerRadius() {
             if (this.i.lc) {
@@ -1411,32 +1603,64 @@ export let IgxXButtonComponent = /*@__PURE__*/ (() => {
         }
         set iconCornerRadiusBottomRight(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.c = +v;
-            this.i.lf = this.i.lf;
+            const __nv = +v;
+            if (this.i.lf.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.lf.b;
+            __copy.d = this.i.lf.d;
+            __copy.e = this.i.lf.e;
+            this.i.lf = __copy;
         }
         get iconCornerRadiusBottomLeft() {
             return this.i.lf ? this.i.lf.b : NaN;
         }
         set iconCornerRadiusBottomLeft(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.b = +v;
-            this.i.lf = this.i.lf;
+            const __nv = +v;
+            if (this.i.lf.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.lf.c;
+            __copy.d = this.i.lf.d;
+            __copy.e = this.i.lf.e;
+            this.i.lf = __copy;
         }
         get iconCornerRadiusTopLeft() {
             return this.i.lf ? this.i.lf.d : NaN;
         }
         set iconCornerRadiusTopLeft(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.d = +v;
-            this.i.lf = this.i.lf;
+            const __nv = +v;
+            if (this.i.lf.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.lf.c;
+            __copy.b = this.i.lf.b;
+            __copy.e = this.i.lf.e;
+            this.i.lf = __copy;
         }
         get iconCornerRadiusTopRight() {
             return this.i.lf ? this.i.lf.e : NaN;
         }
         set iconCornerRadiusTopRight(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.e = +v;
-            this.i.lf = this.i.lf;
+            const __nv = +v;
+            if (this.i.lf.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.lf.c;
+            __copy.b = this.i.lf.b;
+            __copy.d = this.i.lf.d;
+            this.i.lf = __copy;
         }
         ensureIconCornerRadius() {
             if (this.i.lf) {