igniteui-webcomponents-inputs 4.0.3 → 4.2.2

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

@@ -317,11 +317,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.m9);
+            return brushToString(this.i.na);
         },
         set: function (v) {
-            this.i.m9 = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.m9));
+            this.i.na = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.na));
         },
         enumerable: true,
         configurable: true
@@ -331,11 +331,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.nk);
+            return brushToString(this.i.nl);
         },
         set: function (v) {
-            this.i.nk = stringToBrush(v);
-            this._a("actualUmbraShadowColor", brushToString(this.i.nk));
+            this.i.nl = stringToBrush(v);
+            this._a("actualUmbraShadowColor", brushToString(this.i.nl));
         },
         enumerable: true,
         configurable: true
@@ -345,11 +345,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.nh);
+            return brushToString(this.i.ni);
         },
         set: function (v) {
-            this.i.nh = stringToBrush(v);
-            this._a("actualPenumbraShadowColor", brushToString(this.i.nh));
+            this.i.ni = stringToBrush(v);
+            this._a("actualPenumbraShadowColor", brushToString(this.i.ni));
         },
         enumerable: true,
         configurable: true
@@ -359,11 +359,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.m7);
+            return brushToString(this.i.m8);
         },
         set: function (v) {
-            this.i.m7 = stringToBrush(v);
-            this._a("actualAmbientShadowColor", brushToString(this.i.m7));
+            this.i.m8 = stringToBrush(v);
+            this._a("actualAmbientShadowColor", brushToString(this.i.m8));
         },
         enumerable: true,
         configurable: true
@@ -415,83 +415,83 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the ripple when the button is pressed.
         */
         get: function () {
-            return brushToString(this.i.ni);
+            return brushToString(this.i.nj);
         },
         set: function (v) {
-            this.i.ni = stringToBrush(v);
-            this._a("actualRippleColor", brushToString(this.i.ni));
+            this.i.nj = stringToBrush(v);
+            this._a("actualRippleColor", brushToString(this.i.nj));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kc ? this.i.kc.b : NaN;
+            return this.i.kd ? this.i.kd.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kc.b = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.kc.b);
-            this.i.kc = this.i.kc;
+            this.i.kd.b = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.kd.b);
+            this.i.kd = this.i.kd;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kc ? this.i.kc.a : NaN;
+            return this.i.kd ? this.i.kd.a : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kc.a = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.kc.a);
-            this.i.kc = this.i.kc;
+            this.i.kd.a = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.kd.a);
+            this.i.kd = this.i.kd;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kc ? this.i.kc.c : NaN;
+            return this.i.kd ? this.i.kd.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kc.c = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.kc.c);
-            this.i.kc = this.i.kc;
+            this.i.kd.c = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.kd.c);
+            this.i.kd = this.i.kd;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.kc ? this.i.kc.d : NaN;
+            return this.i.kd ? this.i.kd.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kc.d = +v;
-            this._a("actualCornerRadiusTopRight", this.i.kc.d);
-            this.i.kc = this.i.kc;
+            this.i.kd.d = +v;
+            this._a("actualCornerRadiusTopRight", this.i.kd.d);
+            this.i.kd = this.i.kd;
         },
         enumerable: true,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.kc) {
+        if (this.i.kd) {
             return;
         }
-        this.i.kc = new CornerRadius(2);
+        this.i.kd = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.prototype, "actualBackgroundColor", {
         /**
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.m8);
+            return brushToString(this.i.m9);
         },
         set: function (v) {
-            this.i.m8 = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.m8));
+            this.i.m9 = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.m9));
         },
         enumerable: true,
         configurable: true
@@ -501,11 +501,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the disabled background of the button.
         */
         get: function () {
-            return brushToString(this.i.na);
+            return brushToString(this.i.nb);
         },
         set: function (v) {
-            this.i.na = stringToBrush(v);
-            this._a("actualDisabledBackgroundColor", brushToString(this.i.na));
+            this.i.nb = stringToBrush(v);
+            this._a("actualDisabledBackgroundColor", brushToString(this.i.nb));
         },
         enumerable: true,
         configurable: true
@@ -515,11 +515,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the disabled border of the button.
         */
         get: function () {
-            return brushToString(this.i.nb);
+            return brushToString(this.i.nc);
         },
         set: function (v) {
-            this.i.nb = stringToBrush(v);
-            this._a("actualDisabledBorderColor", brushToString(this.i.nb));
+            this.i.nc = stringToBrush(v);
+            this._a("actualDisabledBorderColor", brushToString(this.i.nc));
         },
         enumerable: true,
         configurable: true
@@ -529,11 +529,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the disabled text of the button.
         */
         get: function () {
-            return brushToString(this.i.nc);
+            return brushToString(this.i.nd);
         },
         set: function (v) {
-            this.i.nc = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.nc));
+            this.i.nd = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.nd));
         },
         enumerable: true,
         configurable: true
@@ -571,11 +571,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nj);
+            return brushToString(this.i.nk);
         },
         set: function (v) {
-            this.i.nj = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.nj));
+            this.i.nk = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.nk));
         },
         enumerable: true,
         configurable: true
@@ -585,11 +585,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.ng);
+            return brushToString(this.i.nh);
         },
         set: function (v) {
-            this.i.ng = stringToBrush(v);
-            this._a("actualHoverTextColor", brushToString(this.i.ng));
+            this.i.nh = stringToBrush(v);
+            this._a("actualHoverTextColor", brushToString(this.i.nh));
         },
         enumerable: true,
         configurable: true
@@ -599,11 +599,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nd);
+            return brushToString(this.i.ne);
         },
         set: function (v) {
-            this.i.nd = stringToBrush(v);
-            this._a("actualFocusBackgroundColor", brushToString(this.i.nd));
+            this.i.ne = stringToBrush(v);
+            this._a("actualFocusBackgroundColor", brushToString(this.i.ne));
         },
         enumerable: true,
         configurable: true
@@ -613,11 +613,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the focused text.
         */
         get: function () {
-            return brushToString(this.i.ne);
+            return brushToString(this.i.nf);
         },
         set: function (v) {
-            this.i.ne = stringToBrush(v);
-            this._a("actualFocusTextColor", brushToString(this.i.ne));
+            this.i.nf = stringToBrush(v);
+            this._a("actualFocusTextColor", brushToString(this.i.nf));
         },
         enumerable: true,
         configurable: true
@@ -627,11 +627,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the hover color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nf);
+            return brushToString(this.i.ng);
         },
         set: function (v) {
-            this.i.nf = stringToBrush(v);
-            this._a("actualHoverBackgroundColor", brushToString(this.i.nf));
+            this.i.ng = stringToBrush(v);
+            this._a("actualHoverBackgroundColor", brushToString(this.i.ng));
         },
         enumerable: true,
         configurable: true
@@ -655,11 +655,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the button when the  type is raised.
         */
         get: function () {
-            return brushToString(this.i.tw);
+            return brushToString(this.i.tx);
         },
         set: function (v) {
-            this.i.tw = stringToBrush(v);
-            this._a("raisedBackgroundColor", brushToString(this.i.tw));
+            this.i.tx = stringToBrush(v);
+            this._a("raisedBackgroundColor", brushToString(this.i.tx));
         },
         enumerable: true,
         configurable: true
@@ -669,11 +669,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.ty);
+            return brushToString(this.i.tz);
         },
         set: function (v) {
-            this.i.ty = stringToBrush(v);
-            this._a("raisedDisabledBackgroundColor", brushToString(this.i.ty));
+            this.i.tz = stringToBrush(v);
+            this._a("raisedDisabledBackgroundColor", brushToString(this.i.tz));
         },
         enumerable: true,
         configurable: true
@@ -683,11 +683,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.tz);
+            return brushToString(this.i.t0);
         },
         set: function (v) {
-            this.i.tz = stringToBrush(v);
-            this._a("raisedDisabledBorderColor", brushToString(this.i.tz));
+            this.i.t0 = stringToBrush(v);
+            this._a("raisedDisabledBorderColor", brushToString(this.i.t0));
         },
         enumerable: true,
         configurable: true
@@ -697,11 +697,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.t0);
+            return brushToString(this.i.t1);
         },
         set: function (v) {
-            this.i.t0 = stringToBrush(v);
-            this._a("raisedDisabledTextColor", brushToString(this.i.t0));
+            this.i.t1 = stringToBrush(v);
+            this._a("raisedDisabledTextColor", brushToString(this.i.t1));
         },
         enumerable: true,
         configurable: true
@@ -725,11 +725,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.t3);
+            return brushToString(this.i.t4);
         },
         set: function (v) {
-            this.i.t3 = stringToBrush(v);
-            this._a("raisedHoverBackgroundColor", brushToString(this.i.t3));
+            this.i.t4 = stringToBrush(v);
+            this._a("raisedHoverBackgroundColor", brushToString(this.i.t4));
         },
         enumerable: true,
         configurable: true
@@ -739,11 +739,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color to use for the button when the type is raised.
         */
         get: function () {
-            return brushToString(this.i.tx);
+            return brushToString(this.i.ty);
         },
         set: function (v) {
-            this.i.tx = stringToBrush(v);
-            this._a("raisedBorderColor", brushToString(this.i.tx));
+            this.i.ty = stringToBrush(v);
+            this._a("raisedBorderColor", brushToString(this.i.ty));
         },
         enumerable: true,
         configurable: true
@@ -806,72 +806,72 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.ky ? this.i.ky.b : NaN;
+            return this.i.kz ? this.i.kz.b : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.b = +v;
-            this._a("raisedCornerRadiusBottomRight", this.i.ky.b);
-            this.i.ky = this.i.ky;
+            this.i.kz.b = +v;
+            this._a("raisedCornerRadiusBottomRight", this.i.kz.b);
+            this.i.kz = this.i.kz;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.ky ? this.i.ky.a : NaN;
+            return this.i.kz ? this.i.kz.a : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.a = +v;
-            this._a("raisedCornerRadiusBottomLeft", this.i.ky.a);
-            this.i.ky = this.i.ky;
+            this.i.kz.a = +v;
+            this._a("raisedCornerRadiusBottomLeft", this.i.kz.a);
+            this.i.kz = this.i.kz;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.ky ? this.i.ky.c : NaN;
+            return this.i.kz ? this.i.kz.c : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.c = +v;
-            this._a("raisedCornerRadiusTopLeft", this.i.ky.c);
-            this.i.ky = this.i.ky;
+            this.i.kz.c = +v;
+            this._a("raisedCornerRadiusTopLeft", this.i.kz.c);
+            this.i.kz = this.i.kz;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusTopRight", {
         get: function () {
-            return this.i.ky ? this.i.ky.d : NaN;
+            return this.i.kz ? this.i.kz.d : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.d = +v;
-            this._a("raisedCornerRadiusTopRight", this.i.ky.d);
-            this.i.ky = this.i.ky;
+            this.i.kz.d = +v;
+            this._a("raisedCornerRadiusTopRight", this.i.kz.d);
+            this.i.kz = this.i.kz;
         },
         enumerable: true,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureRaisedCornerRadius = function () {
-        if (this.i.ky) {
+        if (this.i.kz) {
             return;
         }
-        this.i.ky = new CornerRadius(2);
+        this.i.kz = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.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.t5);
+            return brushToString(this.i.t6);
         },
         set: function (v) {
-            this.i.t5 = stringToBrush(v);
-            this._a("raisedRippleColor", brushToString(this.i.t5));
+            this.i.t6 = stringToBrush(v);
+            this._a("raisedRippleColor", brushToString(this.i.t6));
         },
         enumerable: true,
         configurable: true
@@ -881,11 +881,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.sv);
+            return brushToString(this.i.sw);
         },
         set: function (v) {
-            this.i.sv = stringToBrush(v);
-            this._a("flatBackgroundColor", brushToString(this.i.sv));
+            this.i.sw = stringToBrush(v);
+            this._a("flatBackgroundColor", brushToString(this.i.sw));
         },
         enumerable: true,
         configurable: true
@@ -895,11 +895,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sx);
+            return brushToString(this.i.sy);
         },
         set: function (v) {
-            this.i.sx = stringToBrush(v);
-            this._a("flatDisabledBackgroundColor", brushToString(this.i.sx));
+            this.i.sy = stringToBrush(v);
+            this._a("flatDisabledBackgroundColor", brushToString(this.i.sy));
         },
         enumerable: true,
         configurable: true
@@ -909,11 +909,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sy);
+            return brushToString(this.i.sz);
         },
         set: function (v) {
-            this.i.sy = stringToBrush(v);
-            this._a("flatDisabledBorderColor", brushToString(this.i.sy));
+            this.i.sz = stringToBrush(v);
+            this._a("flatDisabledBorderColor", brushToString(this.i.sz));
         },
         enumerable: true,
         configurable: true
@@ -923,11 +923,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sz);
+            return brushToString(this.i.s0);
         },
         set: function (v) {
-            this.i.sz = stringToBrush(v);
-            this._a("flatDisabledTextColor", brushToString(this.i.sz));
+            this.i.s0 = stringToBrush(v);
+            this._a("flatDisabledTextColor", brushToString(this.i.s0));
         },
         enumerable: true,
         configurable: true
@@ -951,11 +951,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.s2);
+            return brushToString(this.i.s3);
         },
         set: function (v) {
-            this.i.s2 = stringToBrush(v);
-            this._a("flatHoverBackgroundColor", brushToString(this.i.s2));
+            this.i.s3 = stringToBrush(v);
+            this._a("flatHoverBackgroundColor", brushToString(this.i.s3));
         },
         enumerable: true,
         configurable: true
@@ -965,11 +965,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color to use for the button when the type is flat.
         */
         get: function () {
-            return brushToString(this.i.sw);
+            return brushToString(this.i.sx);
         },
         set: function (v) {
-            this.i.sw = stringToBrush(v);
-            this._a("flatBorderColor", brushToString(this.i.sw));
+            this.i.sx = stringToBrush(v);
+            this._a("flatBorderColor", brushToString(this.i.sx));
         },
         enumerable: true,
         configurable: true
@@ -1021,11 +1021,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.s4);
+            return brushToString(this.i.s5);
         },
         set: function (v) {
-            this.i.s4 = stringToBrush(v);
-            this._a("flatRippleColor", brushToString(this.i.s4));
+            this.i.s5 = stringToBrush(v);
+            this._a("flatRippleColor", brushToString(this.i.s5));
         },
         enumerable: true,
         configurable: true
@@ -1035,11 +1035,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the button when type is flat.
         */
         get: function () {
-            return brushToString(this.i.s5);
+            return brushToString(this.i.s6);
         },
         set: function (v) {
-            this.i.s5 = stringToBrush(v);
-            this._a("flatTextColor", brushToString(this.i.s5));
+            this.i.s6 = stringToBrush(v);
+            this._a("flatTextColor", brushToString(this.i.s6));
         },
         enumerable: true,
         configurable: true
@@ -1049,11 +1049,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the hovered text of the button when type is flat.
         */
         get: function () {
-            return brushToString(this.i.s3);
+            return brushToString(this.i.s4);
         },
         set: function (v) {
-            this.i.s3 = stringToBrush(v);
-            this._a("flatHoverTextColor", brushToString(this.i.s3));
+            this.i.s4 = stringToBrush(v);
+            this._a("flatHoverTextColor", brushToString(this.i.s4));
         },
         enumerable: true,
         configurable: true
@@ -1063,11 +1063,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the backround the button when it is focused and flat.
         */
         get: function () {
-            return brushToString(this.i.s0);
+            return brushToString(this.i.s1);
         },
         set: function (v) {
-            this.i.s0 = stringToBrush(v);
-            this._a("flatFocusBackgroundColor", brushToString(this.i.s0));
+            this.i.s1 = stringToBrush(v);
+            this._a("flatFocusBackgroundColor", brushToString(this.i.s1));
         },
         enumerable: true,
         configurable: true
@@ -1077,11 +1077,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text the button when it is focused and flat.
         */
         get: function () {
-            return brushToString(this.i.s1);
+            return brushToString(this.i.s2);
         },
         set: function (v) {
-            this.i.s1 = stringToBrush(v);
-            this._a("flatFocusTextColor", brushToString(this.i.s1));
+            this.i.s2 = stringToBrush(v);
+            this._a("flatFocusTextColor", brushToString(this.i.s2));
         },
         enumerable: true,
         configurable: true
@@ -1102,72 +1102,72 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kv ? this.i.kv.b : NaN;
+            return this.i.kw ? this.i.kw.b : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.b = +v;
-            this._a("flatCornerRadiusBottomRight", this.i.kv.b);
-            this.i.kv = this.i.kv;
+            this.i.kw.b = +v;
+            this._a("flatCornerRadiusBottomRight", this.i.kw.b);
+            this.i.kw = this.i.kw;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kv ? this.i.kv.a : NaN;
+            return this.i.kw ? this.i.kw.a : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.a = +v;
-            this._a("flatCornerRadiusBottomLeft", this.i.kv.a);
-            this.i.kv = this.i.kv;
+            this.i.kw.a = +v;
+            this._a("flatCornerRadiusBottomLeft", this.i.kw.a);
+            this.i.kw = this.i.kw;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kv ? this.i.kv.c : NaN;
+            return this.i.kw ? this.i.kw.c : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.c = +v;
-            this._a("flatCornerRadiusTopLeft", this.i.kv.c);
-            this.i.kv = this.i.kv;
+            this.i.kw.c = +v;
+            this._a("flatCornerRadiusTopLeft", this.i.kw.c);
+            this.i.kw = this.i.kw;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusTopRight", {
         get: function () {
-            return this.i.kv ? this.i.kv.d : NaN;
+            return this.i.kw ? this.i.kw.d : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.d = +v;
-            this._a("flatCornerRadiusTopRight", this.i.kv.d);
-            this.i.kv = this.i.kv;
+            this.i.kw.d = +v;
+            this._a("flatCornerRadiusTopRight", this.i.kw.d);
+            this.i.kw = this.i.kw;
         },
         enumerable: true,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureFlatCornerRadius = function () {
-        if (this.i.kv) {
+        if (this.i.kw) {
             return;
         }
-        this.i.kv = new CornerRadius(2);
+        this.i.kw = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.prototype, "backgroundColor", {
         /**
          * Gets or sets the color to use for the background when the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.nl);
+            return brushToString(this.i.nm);
         },
         set: function (v) {
-            this.i.nl = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.nl));
+            this.i.nm = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.nm));
         },
         enumerable: true,
         configurable: true
@@ -1177,11 +1177,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sh);
+            return brushToString(this.i.si);
         },
         set: function (v) {
-            this.i.sh = stringToBrush(v);
-            this._a("disabledBackgroundColor", brushToString(this.i.sh));
+            this.i.si = stringToBrush(v);
+            this._a("disabledBackgroundColor", brushToString(this.i.si));
         },
         enumerable: true,
         configurable: true
@@ -1191,11 +1191,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.si);
+            return brushToString(this.i.sj);
         },
         set: function (v) {
-            this.i.si = stringToBrush(v);
-            this._a("disabledBorderColor", brushToString(this.i.si));
+            this.i.sj = stringToBrush(v);
+            this._a("disabledBorderColor", brushToString(this.i.sj));
         },
         enumerable: true,
         configurable: true
@@ -1205,11 +1205,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sj);
+            return brushToString(this.i.sk);
         },
         set: function (v) {
-            this.i.sj = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.sj));
+            this.i.sk = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.sk));
         },
         enumerable: true,
         configurable: true
@@ -1247,11 +1247,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.s8);
+            return brushToString(this.i.s9);
         },
         set: function (v) {
-            this.i.s8 = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.s8));
+            this.i.s9 = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.s9));
         },
         enumerable: true,
         configurable: true
@@ -1261,11 +1261,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color to use for the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.nm);
+            return brushToString(this.i.nn);
         },
         set: function (v) {
-            this.i.nm = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.nm));
+            this.i.nn = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.nn));
         },
         enumerable: true,
         configurable: true
@@ -1336,11 +1336,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.t8);
+            return brushToString(this.i.t9);
         },
         set: function (v) {
-            this.i.t8 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.t8));
+            this.i.t9 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.t9));
         },
         enumerable: true,
         configurable: true
@@ -1350,11 +1350,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the hovered text of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.s9);
+            return brushToString(this.i.ta);
         },
         set: function (v) {
-            this.i.s9 = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.s9));
+            this.i.ta = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.ta));
         },
         enumerable: true,
         configurable: true
@@ -1364,11 +1364,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.t7);
+            return brushToString(this.i.t8);
         },
         set: function (v) {
-            this.i.t7 = stringToBrush(v);
-            this._a("rippleColor", brushToString(this.i.t7));
+            this.i.t8 = stringToBrush(v);
+            this._a("rippleColor", brushToString(this.i.t8));
         },
         enumerable: true,
         configurable: true
@@ -1378,11 +1378,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the button when type is raised.
         */
         get: function () {
-            return brushToString(this.i.t6);
+            return brushToString(this.i.t7);
         },
         set: function (v) {
-            this.i.t6 = stringToBrush(v);
-            this._a("raisedTextColor", brushToString(this.i.t6));
+            this.i.t7 = stringToBrush(v);
+            this._a("raisedTextColor", brushToString(this.i.t7));
         },
         enumerable: true,
         configurable: true
@@ -1392,11 +1392,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the hovered text of the button when type is raised.
         */
         get: function () {
-            return brushToString(this.i.t4);
+            return brushToString(this.i.t5);
         },
         set: function (v) {
-            this.i.t4 = stringToBrush(v);
-            this._a("raisedHoverTextColor", brushToString(this.i.t4));
+            this.i.t5 = stringToBrush(v);
+            this._a("raisedHoverTextColor", brushToString(this.i.t5));
         },
         enumerable: true,
         configurable: true
@@ -1406,11 +1406,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the backround the button when it is focused and raised.
         */
         get: function () {
-            return brushToString(this.i.t1);
+            return brushToString(this.i.t2);
         },
         set: function (v) {
-            this.i.t1 = stringToBrush(v);
-            this._a("raisedFocusBackgroundColor", brushToString(this.i.t1));
+            this.i.t2 = stringToBrush(v);
+            this._a("raisedFocusBackgroundColor", brushToString(this.i.t2));
         },
         enumerable: true,
         configurable: true
@@ -1420,11 +1420,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text the button when it is focused and raised.
         */
         get: function () {
-            return brushToString(this.i.t2);
+            return brushToString(this.i.t3);
         },
         set: function (v) {
-            this.i.t2 = stringToBrush(v);
-            this._a("raisedFocusTextColor", brushToString(this.i.t2));
+            this.i.t3 = stringToBrush(v);
+            this._a("raisedFocusTextColor", brushToString(this.i.t3));
         },
         enumerable: true,
         configurable: true
@@ -1434,11 +1434,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the backround the button when it is focused.
         */
         get: function () {
-            return brushToString(this.i.s6);
+            return brushToString(this.i.s7);
         },
         set: function (v) {
-            this.i.s6 = stringToBrush(v);
-            this._a("focusBackgroundColor", brushToString(this.i.s6));
+            this.i.s7 = stringToBrush(v);
+            this._a("focusBackgroundColor", brushToString(this.i.s7));
         },
         enumerable: true,
         configurable: true
@@ -1448,11 +1448,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the button when it is focused.
         */
         get: function () {
-            return brushToString(this.i.s7);
+            return brushToString(this.i.s8);
         },
         set: function (v) {
-            this.i.s7 = stringToBrush(v);
-            this._a("focusTextColor", brushToString(this.i.s7));
+            this.i.s8 = stringToBrush(v);
+            this._a("focusTextColor", brushToString(this.i.s8));
         },
         enumerable: true,
         configurable: true
@@ -1473,72 +1473,72 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.ke ? this.i.ke.b : NaN;
+            return this.i.kf ? this.i.kf.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ke.b = +v;
-            this._a("cornerRadiusBottomRight", this.i.ke.b);
-            this.i.ke = this.i.ke;
+            this.i.kf.b = +v;
+            this._a("cornerRadiusBottomRight", this.i.kf.b);
+            this.i.kf = this.i.kf;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.ke ? this.i.ke.a : NaN;
+            return this.i.kf ? this.i.kf.a : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ke.a = +v;
-            this._a("cornerRadiusBottomLeft", this.i.ke.a);
-            this.i.ke = this.i.ke;
+            this.i.kf.a = +v;
+            this._a("cornerRadiusBottomLeft", this.i.kf.a);
+            this.i.kf = this.i.kf;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.ke ? this.i.ke.c : NaN;
+            return this.i.kf ? this.i.kf.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ke.c = +v;
-            this._a("cornerRadiusTopLeft", this.i.ke.c);
-            this.i.ke = this.i.ke;
+            this.i.kf.c = +v;
+            this._a("cornerRadiusTopLeft", this.i.kf.c);
+            this.i.kf = this.i.kf;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.ke ? this.i.ke.d : NaN;
+            return this.i.kf ? this.i.kf.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.ke.d = +v;
-            this._a("cornerRadiusTopRight", this.i.ke.d);
-            this.i.ke = this.i.ke;
+            this.i.kf.d = +v;
+            this._a("cornerRadiusTopRight", this.i.kf.d);
+            this.i.kf = this.i.kf;
         },
         enumerable: true,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.ke) {
+        if (this.i.kf) {
             return;
         }
-        this.i.ke = new CornerRadius(2);
+        this.i.kf = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.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.tl);
+            return brushToString(this.i.tm);
         },
         set: function (v) {
-            this.i.tl = stringToBrush(v);
-            this._a("outlinedBackgroundColor", brushToString(this.i.tl));
+            this.i.tm = stringToBrush(v);
+            this._a("outlinedBackgroundColor", brushToString(this.i.tm));
         },
         enumerable: true,
         configurable: true
@@ -1548,11 +1548,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.tn);
+            return brushToString(this.i.to);
         },
         set: function (v) {
-            this.i.tn = stringToBrush(v);
-            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.tn));
+            this.i.to = stringToBrush(v);
+            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.to));
         },
         enumerable: true,
         configurable: true
@@ -1562,11 +1562,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.to);
+            return brushToString(this.i.tp);
         },
         set: function (v) {
-            this.i.to = stringToBrush(v);
-            this._a("outlinedDisabledBorderColor", brushToString(this.i.to));
+            this.i.tp = stringToBrush(v);
+            this._a("outlinedDisabledBorderColor", brushToString(this.i.tp));
         },
         enumerable: true,
         configurable: true
@@ -1576,11 +1576,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.tp);
+            return brushToString(this.i.tq);
         },
         set: function (v) {
-            this.i.tp = stringToBrush(v);
-            this._a("outlinedDisabledTextColor", brushToString(this.i.tp));
+            this.i.tq = stringToBrush(v);
+            this._a("outlinedDisabledTextColor", brushToString(this.i.tq));
         },
         enumerable: true,
         configurable: true
@@ -1604,11 +1604,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.ts);
+            return brushToString(this.i.tt);
         },
         set: function (v) {
-            this.i.ts = stringToBrush(v);
-            this._a("outlinedHoverBackgroundColor", brushToString(this.i.ts));
+            this.i.tt = stringToBrush(v);
+            this._a("outlinedHoverBackgroundColor", brushToString(this.i.tt));
         },
         enumerable: true,
         configurable: true
@@ -1618,11 +1618,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color to use for the button when the type is outlined.
         */
         get: function () {
-            return brushToString(this.i.tm);
+            return brushToString(this.i.tn);
         },
         set: function (v) {
-            this.i.tm = stringToBrush(v);
-            this._a("outlinedBorderColor", brushToString(this.i.tm));
+            this.i.tn = stringToBrush(v);
+            this._a("outlinedBorderColor", brushToString(this.i.tn));
         },
         enumerable: true,
         configurable: true
@@ -1685,72 +1685,72 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kx ? this.i.kx.b : NaN;
+            return this.i.ky ? this.i.ky.b : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.b = +v;
-            this._a("outlinedCornerRadiusBottomRight", this.i.kx.b);
-            this.i.kx = this.i.kx;
+            this.i.ky.b = +v;
+            this._a("outlinedCornerRadiusBottomRight", this.i.ky.b);
+            this.i.ky = this.i.ky;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kx ? this.i.kx.a : NaN;
+            return this.i.ky ? this.i.ky.a : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.a = +v;
-            this._a("outlinedCornerRadiusBottomLeft", this.i.kx.a);
-            this.i.kx = this.i.kx;
+            this.i.ky.a = +v;
+            this._a("outlinedCornerRadiusBottomLeft", this.i.ky.a);
+            this.i.ky = this.i.ky;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kx ? this.i.kx.c : NaN;
+            return this.i.ky ? this.i.ky.c : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.c = +v;
-            this._a("outlinedCornerRadiusTopLeft", this.i.kx.c);
-            this.i.kx = this.i.kx;
+            this.i.ky.c = +v;
+            this._a("outlinedCornerRadiusTopLeft", this.i.ky.c);
+            this.i.ky = this.i.ky;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusTopRight", {
         get: function () {
-            return this.i.kx ? this.i.kx.d : NaN;
+            return this.i.ky ? this.i.ky.d : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.d = +v;
-            this._a("outlinedCornerRadiusTopRight", this.i.kx.d);
-            this.i.kx = this.i.kx;
+            this.i.ky.d = +v;
+            this._a("outlinedCornerRadiusTopRight", this.i.ky.d);
+            this.i.ky = this.i.ky;
         },
         enumerable: true,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureOutlinedCornerRadius = function () {
-        if (this.i.kx) {
+        if (this.i.ky) {
             return;
         }
-        this.i.kx = new CornerRadius(2);
+        this.i.ky = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.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.tu);
+            return brushToString(this.i.tv);
         },
         set: function (v) {
-            this.i.tu = stringToBrush(v);
-            this._a("outlinedRippleColor", brushToString(this.i.tu));
+            this.i.tv = stringToBrush(v);
+            this._a("outlinedRippleColor", brushToString(this.i.tv));
         },
         enumerable: true,
         configurable: true
@@ -1760,11 +1760,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the button when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.tv);
+            return brushToString(this.i.tw);
         },
         set: function (v) {
-            this.i.tv = stringToBrush(v);
-            this._a("outlinedTextColor", brushToString(this.i.tv));
+            this.i.tw = stringToBrush(v);
+            this._a("outlinedTextColor", brushToString(this.i.tw));
         },
         enumerable: true,
         configurable: true
@@ -1774,11 +1774,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the hovered text of the button when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.tt);
+            return brushToString(this.i.tu);
         },
         set: function (v) {
-            this.i.tt = stringToBrush(v);
-            this._a("outlinedHoverTextColor", brushToString(this.i.tt));
+            this.i.tu = stringToBrush(v);
+            this._a("outlinedHoverTextColor", brushToString(this.i.tu));
         },
         enumerable: true,
         configurable: true
@@ -1788,11 +1788,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the backround the button when it is focused and outlined.
         */
         get: function () {
-            return brushToString(this.i.tq);
+            return brushToString(this.i.tr);
         },
         set: function (v) {
-            this.i.tq = stringToBrush(v);
-            this._a("outlinedFocusBackgroundColor", brushToString(this.i.tq));
+            this.i.tr = stringToBrush(v);
+            this._a("outlinedFocusBackgroundColor", brushToString(this.i.tr));
         },
         enumerable: true,
         configurable: true
@@ -1802,11 +1802,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text the button when it is focused and outlined.
         */
         get: function () {
-            return brushToString(this.i.tr);
+            return brushToString(this.i.ts);
         },
         set: function (v) {
-            this.i.tr = stringToBrush(v);
-            this._a("outlinedFocusTextColor", brushToString(this.i.tr));
+            this.i.ts = stringToBrush(v);
+            this._a("outlinedFocusTextColor", brushToString(this.i.ts));
         },
         enumerable: true,
         configurable: true
@@ -1816,11 +1816,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sk);
+            return brushToString(this.i.sl);
         },
         set: function (v) {
-            this.i.sk = stringToBrush(v);
-            this._a("fabBackgroundColor", brushToString(this.i.sk));
+            this.i.sl = stringToBrush(v);
+            this._a("fabBackgroundColor", brushToString(this.i.sl));
         },
         enumerable: true,
         configurable: true
@@ -1830,11 +1830,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sm);
+            return brushToString(this.i.sn);
         },
         set: function (v) {
-            this.i.sm = stringToBrush(v);
-            this._a("fabDisabledBackgroundColor", brushToString(this.i.sm));
+            this.i.sn = stringToBrush(v);
+            this._a("fabDisabledBackgroundColor", brushToString(this.i.sn));
         },
         enumerable: true,
         configurable: true
@@ -1844,11 +1844,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sn);
+            return brushToString(this.i.so);
         },
         set: function (v) {
-            this.i.sn = stringToBrush(v);
-            this._a("fabDisabledBorderColor", brushToString(this.i.sn));
+            this.i.so = stringToBrush(v);
+            this._a("fabDisabledBorderColor", brushToString(this.i.so));
         },
         enumerable: true,
         configurable: true
@@ -1858,11 +1858,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.so);
+            return brushToString(this.i.sp);
         },
         set: function (v) {
-            this.i.so = stringToBrush(v);
-            this._a("fabDisabledTextColor", brushToString(this.i.so));
+            this.i.sp = stringToBrush(v);
+            this._a("fabDisabledTextColor", brushToString(this.i.sp));
         },
         enumerable: true,
         configurable: true
@@ -1886,11 +1886,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.sr);
+            return brushToString(this.i.ss);
         },
         set: function (v) {
-            this.i.sr = stringToBrush(v);
-            this._a("fabHoverBackgroundColor", brushToString(this.i.sr));
+            this.i.ss = stringToBrush(v);
+            this._a("fabHoverBackgroundColor", brushToString(this.i.ss));
         },
         enumerable: true,
         configurable: true
@@ -1900,11 +1900,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color to use for the button when the type is floating action button.
         */
         get: function () {
-            return brushToString(this.i.sl);
+            return brushToString(this.i.sm);
         },
         set: function (v) {
-            this.i.sl = stringToBrush(v);
-            this._a("fabBorderColor", brushToString(this.i.sl));
+            this.i.sm = stringToBrush(v);
+            this._a("fabBorderColor", brushToString(this.i.sm));
         },
         enumerable: true,
         configurable: true
@@ -1967,72 +1967,72 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusBottomRight", {
         get: function () {
-            return this.i.ku ? this.i.ku.b : NaN;
+            return this.i.kv ? this.i.kv.b : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.ku.b = +v;
-            this._a("fabCornerRadiusBottomRight", this.i.ku.b);
-            this.i.ku = this.i.ku;
+            this.i.kv.b = +v;
+            this._a("fabCornerRadiusBottomRight", this.i.kv.b);
+            this.i.kv = this.i.kv;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.ku ? this.i.ku.a : NaN;
+            return this.i.kv ? this.i.kv.a : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.ku.a = +v;
-            this._a("fabCornerRadiusBottomLeft", this.i.ku.a);
-            this.i.ku = this.i.ku;
+            this.i.kv.a = +v;
+            this._a("fabCornerRadiusBottomLeft", this.i.kv.a);
+            this.i.kv = this.i.kv;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusTopLeft", {
         get: function () {
-            return this.i.ku ? this.i.ku.c : NaN;
+            return this.i.kv ? this.i.kv.c : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.ku.c = +v;
-            this._a("fabCornerRadiusTopLeft", this.i.ku.c);
-            this.i.ku = this.i.ku;
+            this.i.kv.c = +v;
+            this._a("fabCornerRadiusTopLeft", this.i.kv.c);
+            this.i.kv = this.i.kv;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusTopRight", {
         get: function () {
-            return this.i.ku ? this.i.ku.d : NaN;
+            return this.i.kv ? this.i.kv.d : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.ku.d = +v;
-            this._a("fabCornerRadiusTopRight", this.i.ku.d);
-            this.i.ku = this.i.ku;
+            this.i.kv.d = +v;
+            this._a("fabCornerRadiusTopRight", this.i.kv.d);
+            this.i.kv = this.i.kv;
         },
         enumerable: true,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureFabCornerRadius = function () {
-        if (this.i.ku) {
+        if (this.i.kv) {
             return;
         }
-        this.i.ku = new CornerRadius(2);
+        this.i.kv = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.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.st);
+            return brushToString(this.i.su);
         },
         set: function (v) {
-            this.i.st = stringToBrush(v);
-            this._a("fabRippleColor", brushToString(this.i.st));
+            this.i.su = stringToBrush(v);
+            this._a("fabRippleColor", brushToString(this.i.su));
         },
         enumerable: true,
         configurable: true
@@ -2042,11 +2042,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.su);
+            return brushToString(this.i.sv);
         },
         set: function (v) {
-            this.i.su = stringToBrush(v);
-            this._a("fabTextColor", brushToString(this.i.su));
+            this.i.sv = stringToBrush(v);
+            this._a("fabTextColor", brushToString(this.i.sv));
         },
         enumerable: true,
         configurable: true
@@ -2056,11 +2056,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.ss);
+            return brushToString(this.i.st);
         },
         set: function (v) {
-            this.i.ss = stringToBrush(v);
-            this._a("fabHoverTextColor", brushToString(this.i.ss));
+            this.i.st = stringToBrush(v);
+            this._a("fabHoverTextColor", brushToString(this.i.st));
         },
         enumerable: true,
         configurable: true
@@ -2070,11 +2070,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the backround the button when it is focused and fab.
         */
         get: function () {
-            return brushToString(this.i.sp);
+            return brushToString(this.i.sq);
         },
         set: function (v) {
-            this.i.sp = stringToBrush(v);
-            this._a("fabFocusBackgroundColor", brushToString(this.i.sp));
+            this.i.sq = stringToBrush(v);
+            this._a("fabFocusBackgroundColor", brushToString(this.i.sq));
         },
         enumerable: true,
         configurable: true
@@ -2084,11 +2084,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text the button when it is focused and fab.
         */
         get: function () {
-            return brushToString(this.i.sq);
+            return brushToString(this.i.sr);
         },
         set: function (v) {
-            this.i.sq = stringToBrush(v);
-            this._a("fabFocusTextColor", brushToString(this.i.sq));
+            this.i.sr = stringToBrush(v);
+            this._a("fabFocusTextColor", brushToString(this.i.sr));
         },
         enumerable: true,
         configurable: true
@@ -2098,11 +2098,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the button when the  type is icon.
         */
         get: function () {
-            return brushToString(this.i.ta);
+            return brushToString(this.i.tb);
         },
         set: function (v) {
-            this.i.ta = stringToBrush(v);
-            this._a("iconBackgroundColor", brushToString(this.i.ta));
+            this.i.tb = stringToBrush(v);
+            this._a("iconBackgroundColor", brushToString(this.i.tb));
         },
         enumerable: true,
         configurable: true
@@ -2112,11 +2112,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.tc);
+            return brushToString(this.i.td);
         },
         set: function (v) {
-            this.i.tc = stringToBrush(v);
-            this._a("iconDisabledBackgroundColor", brushToString(this.i.tc));
+            this.i.td = stringToBrush(v);
+            this._a("iconDisabledBackgroundColor", brushToString(this.i.td));
         },
         enumerable: true,
         configurable: true
@@ -2126,11 +2126,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.td);
+            return brushToString(this.i.te);
         },
         set: function (v) {
-            this.i.td = stringToBrush(v);
-            this._a("iconDisabledBorderColor", brushToString(this.i.td));
+            this.i.te = stringToBrush(v);
+            this._a("iconDisabledBorderColor", brushToString(this.i.te));
         },
         enumerable: true,
         configurable: true
@@ -2140,11 +2140,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.te);
+            return brushToString(this.i.tf);
         },
         set: function (v) {
-            this.i.te = stringToBrush(v);
-            this._a("iconDisabledTextColor", brushToString(this.i.te));
+            this.i.tf = stringToBrush(v);
+            this._a("iconDisabledTextColor", brushToString(this.i.tf));
         },
         enumerable: true,
         configurable: true
@@ -2168,11 +2168,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.th);
+            return brushToString(this.i.ti);
         },
         set: function (v) {
-            this.i.th = stringToBrush(v);
-            this._a("iconHoverBackgroundColor", brushToString(this.i.th));
+            this.i.ti = stringToBrush(v);
+            this._a("iconHoverBackgroundColor", brushToString(this.i.ti));
         },
         enumerable: true,
         configurable: true
@@ -2182,11 +2182,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color to use for the button when the type is icon.
         */
         get: function () {
-            return brushToString(this.i.tb);
+            return brushToString(this.i.tc);
         },
         set: function (v) {
-            this.i.tb = stringToBrush(v);
-            this._a("iconBorderColor", brushToString(this.i.tb));
+            this.i.tc = stringToBrush(v);
+            this._a("iconBorderColor", brushToString(this.i.tc));
         },
         enumerable: true,
         configurable: true
@@ -2249,72 +2249,72 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kw ? this.i.kw.b : NaN;
+            return this.i.kx ? this.i.kx.b : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kw.b = +v;
-            this._a("iconCornerRadiusBottomRight", this.i.kw.b);
-            this.i.kw = this.i.kw;
+            this.i.kx.b = +v;
+            this._a("iconCornerRadiusBottomRight", this.i.kx.b);
+            this.i.kx = this.i.kx;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kw ? this.i.kw.a : NaN;
+            return this.i.kx ? this.i.kx.a : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kw.a = +v;
-            this._a("iconCornerRadiusBottomLeft", this.i.kw.a);
-            this.i.kw = this.i.kw;
+            this.i.kx.a = +v;
+            this._a("iconCornerRadiusBottomLeft", this.i.kx.a);
+            this.i.kx = this.i.kx;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kw ? this.i.kw.c : NaN;
+            return this.i.kx ? this.i.kx.c : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kw.c = +v;
-            this._a("iconCornerRadiusTopLeft", this.i.kw.c);
-            this.i.kw = this.i.kw;
+            this.i.kx.c = +v;
+            this._a("iconCornerRadiusTopLeft", this.i.kx.c);
+            this.i.kx = this.i.kx;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusTopRight", {
         get: function () {
-            return this.i.kw ? this.i.kw.d : NaN;
+            return this.i.kx ? this.i.kx.d : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kw.d = +v;
-            this._a("iconCornerRadiusTopRight", this.i.kw.d);
-            this.i.kw = this.i.kw;
+            this.i.kx.d = +v;
+            this._a("iconCornerRadiusTopRight", this.i.kx.d);
+            this.i.kx = this.i.kx;
         },
         enumerable: true,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureIconCornerRadius = function () {
-        if (this.i.kw) {
+        if (this.i.kx) {
             return;
         }
-        this.i.kw = new CornerRadius(2);
+        this.i.kx = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.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.tj);
+            return brushToString(this.i.tk);
         },
         set: function (v) {
-            this.i.tj = stringToBrush(v);
-            this._a("iconRippleColor", brushToString(this.i.tj));
+            this.i.tk = stringToBrush(v);
+            this._a("iconRippleColor", brushToString(this.i.tk));
         },
         enumerable: true,
         configurable: true
@@ -2324,11 +2324,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the button when type is icon.
         */
         get: function () {
-            return brushToString(this.i.tk);
+            return brushToString(this.i.tl);
         },
         set: function (v) {
-            this.i.tk = stringToBrush(v);
-            this._a("iconTextColor", brushToString(this.i.tk));
+            this.i.tl = stringToBrush(v);
+            this._a("iconTextColor", brushToString(this.i.tl));
         },
         enumerable: true,
         configurable: true
@@ -2338,11 +2338,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the hovered text of the button when type is icon.
         */
         get: function () {
-            return brushToString(this.i.ti);
+            return brushToString(this.i.tj);
         },
         set: function (v) {
-            this.i.ti = stringToBrush(v);
-            this._a("iconHoverTextColor", brushToString(this.i.ti));
+            this.i.tj = stringToBrush(v);
+            this._a("iconHoverTextColor", brushToString(this.i.tj));
         },
         enumerable: true,
         configurable: true
@@ -2352,11 +2352,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the backround the button when it is focused and icon.
         */
         get: function () {
-            return brushToString(this.i.tf);
+            return brushToString(this.i.tg);
         },
         set: function (v) {
-            this.i.tf = stringToBrush(v);
-            this._a("iconFocusBackgroundColor", brushToString(this.i.tf));
+            this.i.tg = stringToBrush(v);
+            this._a("iconFocusBackgroundColor", brushToString(this.i.tg));
         },
         enumerable: true,
         configurable: true
@@ -2366,11 +2366,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text the button when it is focused and icon.
         */
         get: function () {
-            return brushToString(this.i.tg);
+            return brushToString(this.i.th);
         },
         set: function (v) {
-            this.i.tg = stringToBrush(v);
-            this._a("iconFocusTextColor", brushToString(this.i.tg));
+            this.i.th = stringToBrush(v);
+            this._a("iconFocusTextColor", brushToString(this.i.th));
         },
         enumerable: true,
         configurable: true