igniteui-webcomponents-inputs 7.1.0-beta.2 → 7.1.0-beta.4

package/esm2015/lib/CheckboxView_combined.js

@@ -22,8 +22,8 @@ import { Thickness } from "igniteui-webcomponents-core";
 import { CheckboxChangeEventArgs } from "./CheckboxChangeEventArgs";
 import { AnimationKeyFrameProperty } from "igniteui-webcomponents-core";
 import { TransformGroup } from "igniteui-webcomponents-core";
-import { RotateTransform } from "igniteui-webcomponents-core";
 import { TranslateTransform } from "igniteui-webcomponents-core";
+import { RotateTransform } from "igniteui-webcomponents-core";
 import { CheckboxVisualModelExport } from "./CheckboxVisualModelExport";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
@@ -935,13 +935,13 @@ 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);
@@ -1081,7 +1081,7 @@ let XCheckbox = /*@__PURE__*/ (() => {
     })()));
     XCheckbox.j = /*@__PURE__*/ ThemeResolver.a(/*@__PURE__*/ ((() => {
         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));
@@ -1094,7 +1094,7 @@ let XCheckbox = /*@__PURE__*/ (() => {
     })()));
     XCheckbox.i = /*@__PURE__*/ ThemeResolver.a(/*@__PURE__*/ ((() => {
         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/igc-x-button-component.js

@@ -353,36 +353,68 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
         }
         set actualCornerRadiusBottomRight(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.c = +v;
+            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;
             this._a("actualCornerRadiusBottomRight", this.i.k4.c);
-            this.i.k4 = this.i.k4;
         }
         get actualCornerRadiusBottomLeft() {
             return this.i.k4 ? this.i.k4.b : NaN;
         }
         set actualCornerRadiusBottomLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.b = +v;
+            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;
             this._a("actualCornerRadiusBottomLeft", this.i.k4.b);
-            this.i.k4 = this.i.k4;
         }
         get actualCornerRadiusTopLeft() {
             return this.i.k4 ? this.i.k4.d : NaN;
         }
         set actualCornerRadiusTopLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.d = +v;
+            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;
             this._a("actualCornerRadiusTopLeft", this.i.k4.d);
-            this.i.k4 = this.i.k4;
         }
         get actualCornerRadiusTopRight() {
             return this.i.k4 ? this.i.k4.e : NaN;
         }
         set actualCornerRadiusTopRight(v) {
             this.ensureActualCornerRadius();
-            this.i.k4.e = +v;
+            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;
             this._a("actualCornerRadiusTopRight", this.i.k4.e);
-            this.i.k4 = this.i.k4;
         }
         ensureActualCornerRadius() {
             if (this.i.k4) {
@@ -625,36 +657,68 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
         }
         set raisedCornerRadiusBottomRight(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.c = +v;
+            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;
             this._a("raisedCornerRadiusBottomRight", this.i.lh.c);
-            this.i.lh = this.i.lh;
         }
         get raisedCornerRadiusBottomLeft() {
             return this.i.lh ? this.i.lh.b : NaN;
         }
         set raisedCornerRadiusBottomLeft(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.b = +v;
+            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;
             this._a("raisedCornerRadiusBottomLeft", this.i.lh.b);
-            this.i.lh = this.i.lh;
         }
         get raisedCornerRadiusTopLeft() {
             return this.i.lh ? this.i.lh.d : NaN;
         }
         set raisedCornerRadiusTopLeft(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.d = +v;
+            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;
             this._a("raisedCornerRadiusTopLeft", this.i.lh.d);
-            this.i.lh = this.i.lh;
         }
         get raisedCornerRadiusTopRight() {
             return this.i.lh ? this.i.lh.e : NaN;
         }
         set raisedCornerRadiusTopRight(v) {
             this.ensureRaisedCornerRadius();
-            this.i.lh.e = +v;
+            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;
             this._a("raisedCornerRadiusTopRight", this.i.lh.e);
-            this.i.lh = this.i.lh;
         }
         ensureRaisedCornerRadius() {
             if (this.i.lh) {
@@ -837,36 +901,68 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
         }
         set flatCornerRadiusBottomRight(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.c = +v;
+            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;
             this._a("flatCornerRadiusBottomRight", this.i.ld.c);
-            this.i.ld = this.i.ld;
         }
         get flatCornerRadiusBottomLeft() {
             return this.i.ld ? this.i.ld.b : NaN;
         }
         set flatCornerRadiusBottomLeft(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.b = +v;
+            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;
             this._a("flatCornerRadiusBottomLeft", this.i.ld.b);
-            this.i.ld = this.i.ld;
         }
         get flatCornerRadiusTopLeft() {
             return this.i.ld ? this.i.ld.d : NaN;
         }
         set flatCornerRadiusTopLeft(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.d = +v;
+            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;
             this._a("flatCornerRadiusTopLeft", this.i.ld.d);
-            this.i.ld = this.i.ld;
         }
         get flatCornerRadiusTopRight() {
             return this.i.ld ? this.i.ld.e : NaN;
         }
         set flatCornerRadiusTopRight(v) {
             this.ensureFlatCornerRadius();
-            this.i.ld.e = +v;
+            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;
             this._a("flatCornerRadiusTopRight", this.i.ld.e);
-            this.i.ld = this.i.ld;
         }
         ensureFlatCornerRadius() {
             if (this.i.ld) {
@@ -1104,36 +1200,68 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
         }
         set cornerRadiusBottomRight(v) {
             this.ensureCornerRadius();
-            this.i.k6.c = +v;
+            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;
             this._a("cornerRadiusBottomRight", this.i.k6.c);
-            this.i.k6 = this.i.k6;
         }
         get cornerRadiusBottomLeft() {
             return this.i.k6 ? this.i.k6.b : NaN;
         }
         set cornerRadiusBottomLeft(v) {
             this.ensureCornerRadius();
-            this.i.k6.b = +v;
+            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;
             this._a("cornerRadiusBottomLeft", this.i.k6.b);
-            this.i.k6 = this.i.k6;
         }
         get cornerRadiusTopLeft() {
             return this.i.k6 ? this.i.k6.d : NaN;
         }
         set cornerRadiusTopLeft(v) {
             this.ensureCornerRadius();
-            this.i.k6.d = +v;
+            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;
             this._a("cornerRadiusTopLeft", this.i.k6.d);
-            this.i.k6 = this.i.k6;
         }
         get cornerRadiusTopRight() {
             return this.i.k6 ? this.i.k6.e : NaN;
         }
         set cornerRadiusTopRight(v) {
             this.ensureCornerRadius();
-            this.i.k6.e = +v;
+            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;
             this._a("cornerRadiusTopRight", this.i.k6.e);
-            this.i.k6 = this.i.k6;
         }
         ensureCornerRadius() {
             if (this.i.k6) {
@@ -1256,36 +1384,68 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
         }
         set outlinedCornerRadiusBottomRight(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.c = +v;
+            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;
             this._a("outlinedCornerRadiusBottomRight", this.i.lg.c);
-            this.i.lg = this.i.lg;
         }
         get outlinedCornerRadiusBottomLeft() {
             return this.i.lg ? this.i.lg.b : NaN;
         }
         set outlinedCornerRadiusBottomLeft(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.b = +v;
+            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;
             this._a("outlinedCornerRadiusBottomLeft", this.i.lg.b);
-            this.i.lg = this.i.lg;
         }
         get outlinedCornerRadiusTopLeft() {
             return this.i.lg ? this.i.lg.d : NaN;
         }
         set outlinedCornerRadiusTopLeft(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.d = +v;
+            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;
             this._a("outlinedCornerRadiusTopLeft", this.i.lg.d);
-            this.i.lg = this.i.lg;
         }
         get outlinedCornerRadiusTopRight() {
             return this.i.lg ? this.i.lg.e : NaN;
         }
         set outlinedCornerRadiusTopRight(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lg.e = +v;
+            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;
             this._a("outlinedCornerRadiusTopRight", this.i.lg.e);
-            this.i.lg = this.i.lg;
         }
         ensureOutlinedCornerRadius() {
             if (this.i.lg) {
@@ -1458,36 +1618,68 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
         }
         set fabCornerRadiusBottomRight(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.c = +v;
+            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;
             this._a("fabCornerRadiusBottomRight", this.i.lc.c);
-            this.i.lc = this.i.lc;
         }
         get fabCornerRadiusBottomLeft() {
             return this.i.lc ? this.i.lc.b : NaN;
         }
         set fabCornerRadiusBottomLeft(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.b = +v;
+            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;
             this._a("fabCornerRadiusBottomLeft", this.i.lc.b);
-            this.i.lc = this.i.lc;
         }
         get fabCornerRadiusTopLeft() {
             return this.i.lc ? this.i.lc.d : NaN;
         }
         set fabCornerRadiusTopLeft(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.d = +v;
+            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;
             this._a("fabCornerRadiusTopLeft", this.i.lc.d);
-            this.i.lc = this.i.lc;
         }
         get fabCornerRadiusTopRight() {
             return this.i.lc ? this.i.lc.e : NaN;
         }
         set fabCornerRadiusTopRight(v) {
             this.ensureFabCornerRadius();
-            this.i.lc.e = +v;
+            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;
             this._a("fabCornerRadiusTopRight", this.i.lc.e);
-            this.i.lc = this.i.lc;
         }
         ensureFabCornerRadius() {
             if (this.i.lc) {
@@ -1660,36 +1852,68 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
         }
         set iconCornerRadiusBottomRight(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.c = +v;
+            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;
             this._a("iconCornerRadiusBottomRight", this.i.lf.c);
-            this.i.lf = this.i.lf;
         }
         get iconCornerRadiusBottomLeft() {
             return this.i.lf ? this.i.lf.b : NaN;
         }
         set iconCornerRadiusBottomLeft(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.b = +v;
+            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;
             this._a("iconCornerRadiusBottomLeft", this.i.lf.b);
-            this.i.lf = this.i.lf;
         }
         get iconCornerRadiusTopLeft() {
             return this.i.lf ? this.i.lf.d : NaN;
         }
         set iconCornerRadiusTopLeft(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.d = +v;
+            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;
             this._a("iconCornerRadiusTopLeft", this.i.lf.d);
-            this.i.lf = this.i.lf;
         }
         get iconCornerRadiusTopRight() {
             return this.i.lf ? this.i.lf.e : NaN;
         }
         set iconCornerRadiusTopRight(v) {
             this.ensureIconCornerRadius();
-            this.i.lf.e = +v;
+            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;
             this._a("iconCornerRadiusTopRight", this.i.lf.e);
-            this.i.lf = this.i.lf;
         }
         ensureIconCornerRadius() {
             if (this.i.lf) {