igniteui-angular-inputs 18.1.1 → 18.2.0-beta.0

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

@@ -188,10 +188,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.ng);
+            return brushToString(this.i.ni);
         },
         set: function (v) {
-            this.i.ng = stringToBrush(v);
+            this.i.ni = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -201,10 +201,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.nr);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.nr = stringToBrush(v);
+            this.i.nt = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -214,10 +214,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.no);
+            return brushToString(this.i.nq);
         },
         set: function (v) {
-            this.i.no = stringToBrush(v);
+            this.i.nq = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -227,10 +227,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.ne);
+            return brushToString(this.i.ng);
         },
         set: function (v) {
-            this.i.ne = stringToBrush(v);
+            this.i.ng = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -279,77 +279,77 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the ripple when the button is pressed.
         */
         get: function () {
-            return brushToString(this.i.np);
+            return brushToString(this.i.nr);
         },
         set: function (v) {
-            this.i.np = stringToBrush(v);
+            this.i.nr = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kr ? this.i.kr.b : NaN;
+            return this.i.ks ? this.i.ks.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kr.b = +v;
-            this.i.kr = this.i.kr;
+            this.i.ks.c = +v;
+            this.i.ks = this.i.ks;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kr ? this.i.kr.a : NaN;
+            return this.i.ks ? this.i.ks.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kr.a = +v;
-            this.i.kr = this.i.kr;
+            this.i.ks.b = +v;
+            this.i.ks = this.i.ks;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kr ? this.i.kr.c : NaN;
+            return this.i.ks ? this.i.ks.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kr.c = +v;
-            this.i.kr = this.i.kr;
+            this.i.ks.d = +v;
+            this.i.ks = this.i.ks;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.kr ? this.i.kr.d : NaN;
+            return this.i.ks ? this.i.ks.e : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kr.d = +v;
-            this.i.kr = this.i.kr;
+            this.i.ks.e = +v;
+            this.i.ks = this.i.ks;
         },
         enumerable: false,
         configurable: true
     });
     IgxXButtonComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.kr) {
+        if (this.i.ks) {
             return;
         }
-        this.i.kr = new CornerRadius(2);
+        this.i.ks = new CornerRadius(2);
     };
     Object.defineProperty(IgxXButtonComponent.prototype, "actualBackgroundColor", {
         /**
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nf);
+            return brushToString(this.i.nh);
         },
         set: function (v) {
-            this.i.nf = stringToBrush(v);
+            this.i.nh = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -359,10 +359,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color to use for the disabled background of the button.
         */
         get: function () {
-            return brushToString(this.i.nh);
+            return brushToString(this.i.nj);
         },
         set: function (v) {
-            this.i.nh = stringToBrush(v);
+            this.i.nj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -372,10 +372,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color to use for the disabled border of the button.
         */
         get: function () {
-            return brushToString(this.i.ni);
+            return brushToString(this.i.nk);
         },
         set: function (v) {
-            this.i.ni = stringToBrush(v);
+            this.i.nk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -385,10 +385,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color to use for the disabled text of the button.
         */
         get: function () {
-            return brushToString(this.i.nj);
+            return brushToString(this.i.nl);
         },
         set: function (v) {
-            this.i.nj = stringToBrush(v);
+            this.i.nl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -424,10 +424,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nq);
+            return brushToString(this.i.ns);
         },
         set: function (v) {
-            this.i.nq = stringToBrush(v);
+            this.i.ns = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -437,10 +437,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nn);
+            return brushToString(this.i.np);
         },
         set: function (v) {
-            this.i.nn = stringToBrush(v);
+            this.i.np = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -450,10 +450,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nk);
+            return brushToString(this.i.nm);
         },
         set: function (v) {
-            this.i.nk = stringToBrush(v);
+            this.i.nm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -463,10 +463,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color to use for the focused text.
         */
         get: function () {
-            return brushToString(this.i.nl);
+            return brushToString(this.i.nn);
         },
         set: function (v) {
-            this.i.nl = stringToBrush(v);
+            this.i.nn = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -476,10 +476,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the hover color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nm);
+            return brushToString(this.i.no);
         },
         set: function (v) {
-            this.i.nm = stringToBrush(v);
+            this.i.no = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -502,10 +502,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the background of the button when the  type is raised.
         */
         get: function () {
-            return brushToString(this.i.qv);
+            return brushToString(this.i.qx);
         },
         set: function (v) {
-            this.i.qv = stringToBrush(v);
+            this.i.qx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -515,10 +515,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled background of the button when the type is raised.
         */
         get: function () {
-            return brushToString(this.i.qx);
+            return brushToString(this.i.qz);
         },
         set: function (v) {
-            this.i.qx = stringToBrush(v);
+            this.i.qz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -528,10 +528,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled border of the button when the type is raised.
         */
         get: function () {
-            return brushToString(this.i.qy);
+            return brushToString(this.i.q0);
         },
         set: function (v) {
-            this.i.qy = stringToBrush(v);
+            this.i.q0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -541,10 +541,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled text of the button when the type is raised.
         */
         get: function () {
-            return brushToString(this.i.qz);
+            return brushToString(this.i.q1);
         },
         set: function (v) {
-            this.i.qz = stringToBrush(v);
+            this.i.q1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -567,10 +567,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover color to use for the background of the button when the  type is raised.
         */
         get: function () {
-            return brushToString(this.i.q2);
+            return brushToString(this.i.q4);
         },
         set: function (v) {
-            this.i.q2 = stringToBrush(v);
+            this.i.q4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -580,10 +580,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color to use for the button when the type is raised.
         */
         get: function () {
-            return brushToString(this.i.qw);
+            return brushToString(this.i.qy);
         },
         set: function (v) {
-            this.i.qw = stringToBrush(v);
+            this.i.qy = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -642,67 +642,67 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "raisedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.k3 ? this.i.k3.b : NaN;
+            return this.i.k5 ? this.i.k5.c : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.k3.b = +v;
-            this.i.k3 = this.i.k3;
+            this.i.k5.c = +v;
+            this.i.k5 = this.i.k5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "raisedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.k3 ? this.i.k3.a : NaN;
+            return this.i.k5 ? this.i.k5.b : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.k3.a = +v;
-            this.i.k3 = this.i.k3;
+            this.i.k5.b = +v;
+            this.i.k5 = this.i.k5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "raisedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.k3 ? this.i.k3.c : NaN;
+            return this.i.k5 ? this.i.k5.d : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.k3.c = +v;
-            this.i.k3 = this.i.k3;
+            this.i.k5.d = +v;
+            this.i.k5 = this.i.k5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "raisedCornerRadiusTopRight", {
         get: function () {
-            return this.i.k3 ? this.i.k3.d : NaN;
+            return this.i.k5 ? this.i.k5.e : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.k3.d = +v;
-            this.i.k3 = this.i.k3;
+            this.i.k5.e = +v;
+            this.i.k5 = this.i.k5;
         },
         enumerable: false,
         configurable: true
     });
     IgxXButtonComponent.prototype.ensureRaisedCornerRadius = function () {
-        if (this.i.k3) {
+        if (this.i.k5) {
             return;
         }
-        this.i.k3 = new CornerRadius(2);
+        this.i.k5 = new CornerRadius(2);
     };
     Object.defineProperty(IgxXButtonComponent.prototype, "raisedRippleColor", {
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.q4);
+            return brushToString(this.i.q6);
         },
         set: function (v) {
-            this.i.q4 = stringToBrush(v);
+            this.i.q6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -712,10 +712,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the background of the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.pu);
+            return brushToString(this.i.pw);
         },
         set: function (v) {
-            this.i.pu = stringToBrush(v);
+            this.i.pw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -725,10 +725,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled background of the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.pw);
+            return brushToString(this.i.py);
         },
         set: function (v) {
-            this.i.pw = stringToBrush(v);
+            this.i.py = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -738,10 +738,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled border of the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.px);
+            return brushToString(this.i.pz);
         },
         set: function (v) {
-            this.i.px = stringToBrush(v);
+            this.i.pz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -751,10 +751,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled text of the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.py);
+            return brushToString(this.i.p0);
         },
         set: function (v) {
-            this.i.py = stringToBrush(v);
+            this.i.p0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -777,10 +777,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover color to use for the background of the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.p1);
+            return brushToString(this.i.p3);
         },
         set: function (v) {
-            this.i.p1 = stringToBrush(v);
+            this.i.p3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -790,10 +790,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color to use for the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.pv);
+            return brushToString(this.i.px);
         },
         set: function (v) {
-            this.i.pv = stringToBrush(v);
+            this.i.px = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -842,10 +842,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.p3);
+            return brushToString(this.i.p5);
         },
         set: function (v) {
-            this.i.p3 = stringToBrush(v);
+            this.i.p5 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -855,10 +855,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the button when type is flat.
         */
         get: function () {
-            return brushToString(this.i.p4);
+            return brushToString(this.i.p6);
         },
         set: function (v) {
-            this.i.p4 = stringToBrush(v);
+            this.i.p6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -868,10 +868,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the hovered text of the button when type is flat.
         */
         get: function () {
-            return brushToString(this.i.p2);
+            return brushToString(this.i.p4);
         },
         set: function (v) {
-            this.i.p2 = stringToBrush(v);
+            this.i.p4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -881,10 +881,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the backround the button when it is focused and flat.
         */
         get: function () {
-            return brushToString(this.i.pz);
+            return brushToString(this.i.p1);
         },
         set: function (v) {
-            this.i.pz = stringToBrush(v);
+            this.i.p1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -894,10 +894,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text the button when it is focused and flat.
         */
         get: function () {
-            return brushToString(this.i.p0);
+            return brushToString(this.i.p2);
         },
         set: function (v) {
-            this.i.p0 = stringToBrush(v);
+            this.i.p2 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -917,67 +917,67 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "flatCornerRadiusBottomRight", {
         get: function () {
-            return this.i.k0 ? this.i.k0.b : NaN;
+            return this.i.k1 ? this.i.k1.c : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k0.b = +v;
-            this.i.k0 = this.i.k0;
+            this.i.k1.c = +v;
+            this.i.k1 = this.i.k1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "flatCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.k0 ? this.i.k0.a : NaN;
+            return this.i.k1 ? this.i.k1.b : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k0.a = +v;
-            this.i.k0 = this.i.k0;
+            this.i.k1.b = +v;
+            this.i.k1 = this.i.k1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "flatCornerRadiusTopLeft", {
         get: function () {
-            return this.i.k0 ? this.i.k0.c : NaN;
+            return this.i.k1 ? this.i.k1.d : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k0.c = +v;
-            this.i.k0 = this.i.k0;
+            this.i.k1.d = +v;
+            this.i.k1 = this.i.k1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "flatCornerRadiusTopRight", {
         get: function () {
-            return this.i.k0 ? this.i.k0.d : NaN;
+            return this.i.k1 ? this.i.k1.e : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k0.d = +v;
-            this.i.k0 = this.i.k0;
+            this.i.k1.e = +v;
+            this.i.k1 = this.i.k1;
         },
         enumerable: false,
         configurable: true
     });
     IgxXButtonComponent.prototype.ensureFlatCornerRadius = function () {
-        if (this.i.k0) {
+        if (this.i.k1) {
             return;
         }
-        this.i.k0 = new CornerRadius(2);
+        this.i.k1 = new CornerRadius(2);
     };
     Object.defineProperty(IgxXButtonComponent.prototype, "backgroundColor", {
         /**
          * Gets or sets the color to use for the background when the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.ns);
+            return brushToString(this.i.nu);
         },
         set: function (v) {
-            this.i.ns = stringToBrush(v);
+            this.i.nu = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -987,10 +987,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled background of the button when the type is disabled.
         */
         get: function () {
-            return brushToString(this.i.pg);
+            return brushToString(this.i.pi);
         },
         set: function (v) {
-            this.i.pg = stringToBrush(v);
+            this.i.pi = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1000,10 +1000,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled border of the button when the type is raised.
         */
         get: function () {
-            return brushToString(this.i.ph);
+            return brushToString(this.i.pj);
         },
         set: function (v) {
-            this.i.ph = stringToBrush(v);
+            this.i.pj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1013,10 +1013,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled text of the button when the type is raised.
         */
         get: function () {
-            return brushToString(this.i.pi);
+            return brushToString(this.i.pk);
         },
         set: function (v) {
-            this.i.pi = stringToBrush(v);
+            this.i.pk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1052,10 +1052,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover color to use for the background of the button when the  type is hovered.
         */
         get: function () {
-            return brushToString(this.i.p7);
+            return brushToString(this.i.p9);
         },
         set: function (v) {
-            this.i.p7 = stringToBrush(v);
+            this.i.p9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1065,10 +1065,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color to use for the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.nt);
+            return brushToString(this.i.nv);
         },
         set: function (v) {
-            this.i.nt = stringToBrush(v);
+            this.i.nv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1135,10 +1135,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.q7);
+            return brushToString(this.i.q9);
         },
         set: function (v) {
-            this.i.q7 = stringToBrush(v);
+            this.i.q9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1148,10 +1148,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the hovered text of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.p8);
+            return brushToString(this.i.qa);
         },
         set: function (v) {
-            this.i.p8 = stringToBrush(v);
+            this.i.qa = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1161,10 +1161,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the background of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.q6);
+            return brushToString(this.i.q8);
         },
         set: function (v) {
-            this.i.q6 = stringToBrush(v);
+            this.i.q8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1174,10 +1174,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the button when type is raised.
         */
         get: function () {
-            return brushToString(this.i.q5);
+            return brushToString(this.i.q7);
         },
         set: function (v) {
-            this.i.q5 = stringToBrush(v);
+            this.i.q7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1187,10 +1187,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the hovered text of the button when type is raised.
         */
         get: function () {
-            return brushToString(this.i.q3);
+            return brushToString(this.i.q5);
         },
         set: function (v) {
-            this.i.q3 = stringToBrush(v);
+            this.i.q5 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1200,10 +1200,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the backround the button when it is focused and raised.
         */
         get: function () {
-            return brushToString(this.i.q0);
+            return brushToString(this.i.q2);
         },
         set: function (v) {
-            this.i.q0 = stringToBrush(v);
+            this.i.q2 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1213,10 +1213,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text the button when it is focused and raised.
         */
         get: function () {
-            return brushToString(this.i.q1);
+            return brushToString(this.i.q3);
         },
         set: function (v) {
-            this.i.q1 = stringToBrush(v);
+            this.i.q3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1226,10 +1226,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the backround the button when it is focused.
         */
         get: function () {
-            return brushToString(this.i.p5);
+            return brushToString(this.i.p7);
         },
         set: function (v) {
-            this.i.p5 = stringToBrush(v);
+            this.i.p7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1239,10 +1239,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the button when it is focused.
         */
         get: function () {
-            return brushToString(this.i.p6);
+            return brushToString(this.i.p8);
         },
         set: function (v) {
-            this.i.p6 = stringToBrush(v);
+            this.i.p8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1262,67 +1262,67 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.kt ? this.i.kt.b : NaN;
+            return this.i.ku ? this.i.ku.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kt.b = +v;
-            this.i.kt = this.i.kt;
+            this.i.ku.c = +v;
+            this.i.ku = this.i.ku;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kt ? this.i.kt.a : NaN;
+            return this.i.ku ? this.i.ku.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kt.a = +v;
-            this.i.kt = this.i.kt;
+            this.i.ku.b = +v;
+            this.i.ku = this.i.ku;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.kt ? this.i.kt.c : NaN;
+            return this.i.ku ? this.i.ku.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kt.c = +v;
-            this.i.kt = this.i.kt;
+            this.i.ku.d = +v;
+            this.i.ku = this.i.ku;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.kt ? this.i.kt.d : NaN;
+            return this.i.ku ? this.i.ku.e : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kt.d = +v;
-            this.i.kt = this.i.kt;
+            this.i.ku.e = +v;
+            this.i.ku = this.i.ku;
         },
         enumerable: false,
         configurable: true
     });
     IgxXButtonComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.kt) {
+        if (this.i.ku) {
             return;
         }
-        this.i.kt = new CornerRadius(2);
+        this.i.ku = new CornerRadius(2);
     };
     Object.defineProperty(IgxXButtonComponent.prototype, "outlinedBackgroundColor", {
         /**
          * Gets or sets the color to use for the background of the button when the  type is outlined.
         */
         get: function () {
-            return brushToString(this.i.qk);
+            return brushToString(this.i.qm);
         },
         set: function (v) {
-            this.i.qk = stringToBrush(v);
+            this.i.qm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1332,10 +1332,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled background of the button when the type is outlined.
         */
         get: function () {
-            return brushToString(this.i.qm);
+            return brushToString(this.i.qo);
         },
         set: function (v) {
-            this.i.qm = stringToBrush(v);
+            this.i.qo = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1345,10 +1345,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled border of the button when the type is outlined.
         */
         get: function () {
-            return brushToString(this.i.qn);
+            return brushToString(this.i.qp);
         },
         set: function (v) {
-            this.i.qn = stringToBrush(v);
+            this.i.qp = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1358,10 +1358,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled text of the button when the type is outlined.
         */
         get: function () {
-            return brushToString(this.i.qo);
+            return brushToString(this.i.qq);
         },
         set: function (v) {
-            this.i.qo = stringToBrush(v);
+            this.i.qq = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1384,10 +1384,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover color to use for the background of the button when the  type is hoveredOutlined.
         */
         get: function () {
-            return brushToString(this.i.qr);
+            return brushToString(this.i.qt);
         },
         set: function (v) {
-            this.i.qr = stringToBrush(v);
+            this.i.qt = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1397,10 +1397,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color to use for the button when the type is outlined.
         */
         get: function () {
-            return brushToString(this.i.ql);
+            return brushToString(this.i.qn);
         },
         set: function (v) {
-            this.i.ql = stringToBrush(v);
+            this.i.qn = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1459,67 +1459,67 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "outlinedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.k2 ? this.i.k2.b : NaN;
+            return this.i.k4 ? this.i.k4.c : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.k2.b = +v;
-            this.i.k2 = this.i.k2;
+            this.i.k4.c = +v;
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "outlinedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.k2 ? this.i.k2.a : NaN;
+            return this.i.k4 ? this.i.k4.b : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.k2.a = +v;
-            this.i.k2 = this.i.k2;
+            this.i.k4.b = +v;
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "outlinedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.k2 ? this.i.k2.c : NaN;
+            return this.i.k4 ? this.i.k4.d : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.k2.c = +v;
-            this.i.k2 = this.i.k2;
+            this.i.k4.d = +v;
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "outlinedCornerRadiusTopRight", {
         get: function () {
-            return this.i.k2 ? this.i.k2.d : NaN;
+            return this.i.k4 ? this.i.k4.e : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.k2.d = +v;
-            this.i.k2 = this.i.k2;
+            this.i.k4.e = +v;
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     IgxXButtonComponent.prototype.ensureOutlinedCornerRadius = function () {
-        if (this.i.k2) {
+        if (this.i.k4) {
             return;
         }
-        this.i.k2 = new CornerRadius(2);
+        this.i.k4 = new CornerRadius(2);
     };
     Object.defineProperty(IgxXButtonComponent.prototype, "outlinedRippleColor", {
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.qt);
+            return brushToString(this.i.qv);
         },
         set: function (v) {
-            this.i.qt = stringToBrush(v);
+            this.i.qv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1529,10 +1529,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the button when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.qu);
+            return brushToString(this.i.qw);
         },
         set: function (v) {
-            this.i.qu = stringToBrush(v);
+            this.i.qw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1542,10 +1542,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the hovered text of the button when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.qs);
+            return brushToString(this.i.qu);
         },
         set: function (v) {
-            this.i.qs = stringToBrush(v);
+            this.i.qu = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1555,10 +1555,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the backround the button when it is focused and outlined.
         */
         get: function () {
-            return brushToString(this.i.qp);
+            return brushToString(this.i.qr);
         },
         set: function (v) {
-            this.i.qp = stringToBrush(v);
+            this.i.qr = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1568,10 +1568,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text the button when it is focused and outlined.
         */
         get: function () {
-            return brushToString(this.i.qq);
+            return brushToString(this.i.qs);
         },
         set: function (v) {
-            this.i.qq = stringToBrush(v);
+            this.i.qs = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1581,10 +1581,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the background of the button when the  type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.pj);
+            return brushToString(this.i.pl);
         },
         set: function (v) {
-            this.i.pj = stringToBrush(v);
+            this.i.pl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1594,10 +1594,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled background of the button when the type is fab.
         */
         get: function () {
-            return brushToString(this.i.pl);
+            return brushToString(this.i.pn);
         },
         set: function (v) {
-            this.i.pl = stringToBrush(v);
+            this.i.pn = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1607,10 +1607,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled border of the button when the type is fab.
         */
         get: function () {
-            return brushToString(this.i.pm);
+            return brushToString(this.i.po);
         },
         set: function (v) {
-            this.i.pm = stringToBrush(v);
+            this.i.po = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1620,10 +1620,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled text of the button when the type is fab.
         */
         get: function () {
-            return brushToString(this.i.pn);
+            return brushToString(this.i.pp);
         },
         set: function (v) {
-            this.i.pn = stringToBrush(v);
+            this.i.pp = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1646,10 +1646,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover color to use for the background of the button when the  type is hoveredFab.
         */
         get: function () {
-            return brushToString(this.i.pq);
+            return brushToString(this.i.ps);
         },
         set: function (v) {
-            this.i.pq = stringToBrush(v);
+            this.i.ps = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1659,10 +1659,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color to use for the button when the type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.pk);
+            return brushToString(this.i.pm);
         },
         set: function (v) {
-            this.i.pk = stringToBrush(v);
+            this.i.pm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1721,67 +1721,67 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "fabCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kz ? this.i.kz.b : NaN;
+            return this.i.k0 ? this.i.k0.c : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kz.b = +v;
-            this.i.kz = this.i.kz;
+            this.i.k0.c = +v;
+            this.i.k0 = this.i.k0;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "fabCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kz ? this.i.kz.a : NaN;
+            return this.i.k0 ? this.i.k0.b : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kz.a = +v;
-            this.i.kz = this.i.kz;
+            this.i.k0.b = +v;
+            this.i.k0 = this.i.k0;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "fabCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kz ? this.i.kz.c : NaN;
+            return this.i.k0 ? this.i.k0.d : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kz.c = +v;
-            this.i.kz = this.i.kz;
+            this.i.k0.d = +v;
+            this.i.k0 = this.i.k0;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "fabCornerRadiusTopRight", {
         get: function () {
-            return this.i.kz ? this.i.kz.d : NaN;
+            return this.i.k0 ? this.i.k0.e : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kz.d = +v;
-            this.i.kz = this.i.kz;
+            this.i.k0.e = +v;
+            this.i.k0 = this.i.k0;
         },
         enumerable: false,
         configurable: true
     });
     IgxXButtonComponent.prototype.ensureFabCornerRadius = function () {
-        if (this.i.kz) {
+        if (this.i.k0) {
             return;
         }
-        this.i.kz = new CornerRadius(2);
+        this.i.k0 = new CornerRadius(2);
     };
     Object.defineProperty(IgxXButtonComponent.prototype, "fabRippleColor", {
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.ps);
+            return brushToString(this.i.pu);
         },
         set: function (v) {
-            this.i.ps = stringToBrush(v);
+            this.i.pu = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1791,10 +1791,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the button when type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.pt);
+            return brushToString(this.i.pv);
         },
         set: function (v) {
-            this.i.pt = stringToBrush(v);
+            this.i.pv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1804,10 +1804,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the hovered text of the button when type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.pr);
+            return brushToString(this.i.pt);
         },
         set: function (v) {
-            this.i.pr = stringToBrush(v);
+            this.i.pt = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1817,10 +1817,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the backround the button when it is focused and fab.
         */
         get: function () {
-            return brushToString(this.i.po);
+            return brushToString(this.i.pq);
         },
         set: function (v) {
-            this.i.po = stringToBrush(v);
+            this.i.pq = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1830,10 +1830,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text the button when it is focused and fab.
         */
         get: function () {
-            return brushToString(this.i.pp);
+            return brushToString(this.i.pr);
         },
         set: function (v) {
-            this.i.pp = stringToBrush(v);
+            this.i.pr = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1843,10 +1843,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the background of the button when the  type is icon.
         */
         get: function () {
-            return brushToString(this.i.p9);
+            return brushToString(this.i.qb);
         },
         set: function (v) {
-            this.i.p9 = stringToBrush(v);
+            this.i.qb = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1856,10 +1856,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled background of the button when the type is icon.
         */
         get: function () {
-            return brushToString(this.i.qb);
+            return brushToString(this.i.qd);
         },
         set: function (v) {
-            this.i.qb = stringToBrush(v);
+            this.i.qd = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1869,10 +1869,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled border of the button when the type is icon.
         */
         get: function () {
-            return brushToString(this.i.qc);
+            return brushToString(this.i.qe);
         },
         set: function (v) {
-            this.i.qc = stringToBrush(v);
+            this.i.qe = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1882,10 +1882,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the disabled text of the button when the type is icon.
         */
         get: function () {
-            return brushToString(this.i.qd);
+            return brushToString(this.i.qf);
         },
         set: function (v) {
-            this.i.qd = stringToBrush(v);
+            this.i.qf = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1908,10 +1908,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover color to use for the background of the button when the  type is hoveredIcon.
         */
         get: function () {
-            return brushToString(this.i.qg);
+            return brushToString(this.i.qi);
         },
         set: function (v) {
-            this.i.qg = stringToBrush(v);
+            this.i.qi = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1921,10 +1921,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color to use for the button when the type is icon.
         */
         get: function () {
-            return brushToString(this.i.qa);
+            return brushToString(this.i.qc);
         },
         set: function (v) {
-            this.i.qa = stringToBrush(v);
+            this.i.qc = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1983,67 +1983,67 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "iconCornerRadiusBottomRight", {
         get: function () {
-            return this.i.k1 ? this.i.k1.b : NaN;
+            return this.i.k3 ? this.i.k3.c : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.k1.b = +v;
-            this.i.k1 = this.i.k1;
+            this.i.k3.c = +v;
+            this.i.k3 = this.i.k3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "iconCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.k1 ? this.i.k1.a : NaN;
+            return this.i.k3 ? this.i.k3.b : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.k1.a = +v;
-            this.i.k1 = this.i.k1;
+            this.i.k3.b = +v;
+            this.i.k3 = this.i.k3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "iconCornerRadiusTopLeft", {
         get: function () {
-            return this.i.k1 ? this.i.k1.c : NaN;
+            return this.i.k3 ? this.i.k3.d : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.k1.c = +v;
-            this.i.k1 = this.i.k1;
+            this.i.k3.d = +v;
+            this.i.k3 = this.i.k3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "iconCornerRadiusTopRight", {
         get: function () {
-            return this.i.k1 ? this.i.k1.d : NaN;
+            return this.i.k3 ? this.i.k3.e : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.k1.d = +v;
-            this.i.k1 = this.i.k1;
+            this.i.k3.e = +v;
+            this.i.k3 = this.i.k3;
         },
         enumerable: false,
         configurable: true
     });
     IgxXButtonComponent.prototype.ensureIconCornerRadius = function () {
-        if (this.i.k1) {
+        if (this.i.k3) {
             return;
         }
-        this.i.k1 = new CornerRadius(2);
+        this.i.k3 = new CornerRadius(2);
     };
     Object.defineProperty(IgxXButtonComponent.prototype, "iconRippleColor", {
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.qi);
+            return brushToString(this.i.qk);
         },
         set: function (v) {
-            this.i.qi = stringToBrush(v);
+            this.i.qk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -2053,10 +2053,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the button when type is icon.
         */
         get: function () {
-            return brushToString(this.i.qj);
+            return brushToString(this.i.ql);
         },
         set: function (v) {
-            this.i.qj = stringToBrush(v);
+            this.i.ql = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -2066,10 +2066,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the hovered text of the button when type is icon.
         */
         get: function () {
-            return brushToString(this.i.qh);
+            return brushToString(this.i.qj);
         },
         set: function (v) {
-            this.i.qh = stringToBrush(v);
+            this.i.qj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -2079,10 +2079,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the backround the button when it is focused and icon.
         */
         get: function () {
-            return brushToString(this.i.qe);
+            return brushToString(this.i.qg);
         },
         set: function (v) {
-            this.i.qe = stringToBrush(v);
+            this.i.qg = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -2092,10 +2092,10 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text the button when it is focused and icon.
         */
         get: function () {
-            return brushToString(this.i.qf);
+            return brushToString(this.i.qh);
         },
         set: function (v) {
-            this.i.qf = stringToBrush(v);
+            this.i.qh = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -2415,20 +2415,20 @@ var IgxXButtonComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "horizontalContentAlignment", {
         get: function () {
-            return this.i.k5;
+            return this.i.k7;
         },
         set: function (v) {
-            this.i.k5 = ensureEnum(HorizontalAlignment_$type, v);
+            this.i.k7 = ensureEnum(HorizontalAlignment_$type, v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxXButtonComponent.prototype, "verticalContentAlignment", {
         get: function () {
-            return this.i.q9;
+            return this.i.rb;
         },
         set: function (v) {
-            this.i.q9 = ensureEnum(VerticalAlignment_$type, v);
+            this.i.rb = ensureEnum(VerticalAlignment_$type, v);
         },
         enumerable: false,
         configurable: true