igniteui-webcomponents-inputs 7.0.0 → 7.0.1

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

@@ -240,11 +240,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
      * Gets or sets the min width to use for the button.
     */
         get: function () {
-            return this.i.by;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.by = +v;
-            this._a("minWidth", this.i.by);
+            this.i.bz = +v;
+            this._a("minWidth", this.i.bz);
         },
         enumerable: false,
         configurable: true
@@ -254,11 +254,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the min height to use for the button.
         */
         get: function () {
-            return this.i.bx;
+            return this.i.by;
         },
         set: function (v) {
-            this.i.bx = +v;
-            this._a("minHeight", this.i.bx);
+            this.i.by = +v;
+            this._a("minHeight", this.i.by);
         },
         enumerable: false,
         configurable: true
@@ -282,11 +282,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the display density to use for the button.
         */
         get: function () {
-            return this.i.r;
+            return this.i.s;
         },
         set: function (v) {
-            this.i.r = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.r));
+            this.i.s = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.s));
         },
         enumerable: false,
         configurable: true
@@ -296,11 +296,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the base built in theme to use for the button.
         */
         get: function () {
-            return this.i.n;
+            return this.i.o;
         },
         set: function (v) {
-            this.i.n = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
+            this.i.o = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.o));
         },
         enumerable: false,
         configurable: true
@@ -310,11 +310,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual display density to use for the label.
         */
         get: function () {
-            return this.i.q;
+            return this.i.r;
         },
         set: function (v) {
-            this.i.q = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.q));
+            this.i.r = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.r));
         },
         enumerable: false,
         configurable: true
@@ -324,11 +324,11 @@ export 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.np);
+            return brushToString(this.i.nu);
         },
         set: function (v) {
-            this.i.np = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.np));
+            this.i.nu = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.nu));
         },
         enumerable: false,
         configurable: true
@@ -338,11 +338,11 @@ export 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.n0);
+            return brushToString(this.i.n5);
         },
         set: function (v) {
-            this.i.n0 = stringToBrush(v);
-            this._a("actualUmbraShadowColor", brushToString(this.i.n0));
+            this.i.n5 = stringToBrush(v);
+            this._a("actualUmbraShadowColor", brushToString(this.i.n5));
         },
         enumerable: false,
         configurable: true
@@ -352,11 +352,11 @@ export 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.nx);
+            return brushToString(this.i.n2);
         },
         set: function (v) {
-            this.i.nx = stringToBrush(v);
-            this._a("actualPenumbraShadowColor", brushToString(this.i.nx));
+            this.i.n2 = stringToBrush(v);
+            this._a("actualPenumbraShadowColor", brushToString(this.i.n2));
         },
         enumerable: false,
         configurable: true
@@ -366,11 +366,11 @@ export 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.nn);
+            return brushToString(this.i.ns);
         },
         set: function (v) {
-            this.i.nn = stringToBrush(v);
-            this._a("actualAmbientShadowColor", brushToString(this.i.nn));
+            this.i.ns = stringToBrush(v);
+            this._a("actualAmbientShadowColor", brushToString(this.i.ns));
         },
         enumerable: false,
         configurable: true
@@ -380,11 +380,11 @@ export 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 this.i.cx;
+            return this.i.cy;
         },
         set: function (v) {
-            this.i.cx = +v;
-            this._a("actualRestingElevation", this.i.cx);
+            this.i.cy = +v;
+            this._a("actualRestingElevation", this.i.cy);
         },
         enumerable: false,
         configurable: true
@@ -394,11 +394,11 @@ export 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 this.i.cv;
+            return this.i.cw;
         },
         set: function (v) {
-            this.i.cv = +v;
-            this._a("actualFocusElevation", this.i.cv);
+            this.i.cw = +v;
+            this._a("actualFocusElevation", this.i.cw);
         },
         enumerable: false,
         configurable: true
@@ -408,11 +408,11 @@ export 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 this.i.cw;
+            return this.i.cx;
         },
         set: function (v) {
-            this.i.cw = +v;
-            this._a("actualHoverElevation", this.i.cw);
+            this.i.cx = +v;
+            this._a("actualHoverElevation", this.i.cx);
         },
         enumerable: false,
         configurable: true
@@ -422,83 +422,83 @@ export 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.ny);
+            return brushToString(this.i.n3);
         },
         set: function (v) {
-            this.i.ny = stringToBrush(v);
-            this._a("actualRippleColor", brushToString(this.i.ny));
+            this.i.n3 = stringToBrush(v);
+            this._a("actualRippleColor", brushToString(this.i.n3));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kz ? this.i.kz.c : NaN;
+            return this.i.k4 ? this.i.k4.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kz.c = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.kz.c);
-            this.i.kz = this.i.kz;
+            this.i.k4.c = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.k4.c);
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kz ? this.i.kz.b : NaN;
+            return this.i.k4 ? this.i.k4.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kz.b = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.kz.b);
-            this.i.kz = this.i.kz;
+            this.i.k4.b = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.k4.b);
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kz ? this.i.kz.d : NaN;
+            return this.i.k4 ? this.i.k4.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kz.d = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.kz.d);
-            this.i.kz = this.i.kz;
+            this.i.k4.d = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.k4.d);
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.kz ? this.i.kz.e : NaN;
+            return this.i.k4 ? this.i.k4.e : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kz.e = +v;
-            this._a("actualCornerRadiusTopRight", this.i.kz.e);
-            this.i.kz = this.i.kz;
+            this.i.k4.e = +v;
+            this._a("actualCornerRadiusTopRight", this.i.k4.e);
+            this.i.k4 = this.i.k4;
         },
         enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.kz) {
+        if (this.i.k4) {
             return;
         }
-        this.i.kz = new CornerRadius(2);
+        this.i.k4 = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.prototype, "actualBackgroundColor", {
         /**
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.no);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.no = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.no));
+            this.i.nt = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.nt));
         },
         enumerable: false,
         configurable: true
@@ -508,11 +508,11 @@ export 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.nq);
+            return brushToString(this.i.nv);
         },
         set: function (v) {
-            this.i.nq = stringToBrush(v);
-            this._a("actualDisabledBackgroundColor", brushToString(this.i.nq));
+            this.i.nv = stringToBrush(v);
+            this._a("actualDisabledBackgroundColor", brushToString(this.i.nv));
         },
         enumerable: false,
         configurable: true
@@ -522,11 +522,11 @@ export 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.nr);
+            return brushToString(this.i.nw);
         },
         set: function (v) {
-            this.i.nr = stringToBrush(v);
-            this._a("actualDisabledBorderColor", brushToString(this.i.nr));
+            this.i.nw = stringToBrush(v);
+            this._a("actualDisabledBorderColor", brushToString(this.i.nw));
         },
         enumerable: false,
         configurable: true
@@ -536,11 +536,11 @@ export 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.ns);
+            return brushToString(this.i.nx);
         },
         set: function (v) {
-            this.i.ns = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.ns));
+            this.i.nx = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.nx));
         },
         enumerable: false,
         configurable: true
@@ -550,11 +550,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual disabled elevation to use for the button.
         */
         get: function () {
-            return this.i.cu;
+            return this.i.cv;
         },
         set: function (v) {
-            this.i.cu = +v;
-            this._a("actualDisabledElevation", this.i.cu);
+            this.i.cv = +v;
+            this._a("actualDisabledElevation", this.i.cv);
         },
         enumerable: false,
         configurable: true
@@ -564,11 +564,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual disabled elevation to use for the button.
         */
         get: function () {
-            return this.i.u;
+            return this.i.v;
         },
         set: function (v) {
-            this.i.u = ensureEnum(ElevationMode_$type, v);
-            this._a("actualElevationMode", enumToString(ElevationMode_$type, this.i.u));
+            this.i.v = ensureEnum(ElevationMode_$type, v);
+            this._a("actualElevationMode", enumToString(ElevationMode_$type, this.i.v));
         },
         enumerable: false,
         configurable: true
@@ -578,11 +578,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nz);
+            return brushToString(this.i.n4);
         },
         set: function (v) {
-            this.i.nz = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.nz));
+            this.i.n4 = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.n4));
         },
         enumerable: false,
         configurable: true
@@ -592,11 +592,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nw);
+            return brushToString(this.i.n1);
         },
         set: function (v) {
-            this.i.nw = stringToBrush(v);
-            this._a("actualHoverTextColor", brushToString(this.i.nw));
+            this.i.n1 = stringToBrush(v);
+            this._a("actualHoverTextColor", brushToString(this.i.n1));
         },
         enumerable: false,
         configurable: true
@@ -606,11 +606,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nt);
+            return brushToString(this.i.ny);
         },
         set: function (v) {
-            this.i.nt = stringToBrush(v);
-            this._a("actualFocusBackgroundColor", brushToString(this.i.nt));
+            this.i.ny = stringToBrush(v);
+            this._a("actualFocusBackgroundColor", brushToString(this.i.ny));
         },
         enumerable: false,
         configurable: true
@@ -620,11 +620,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual color to use for the focused text.
         */
         get: function () {
-            return brushToString(this.i.nu);
+            return brushToString(this.i.nz);
         },
         set: function (v) {
-            this.i.nu = stringToBrush(v);
-            this._a("actualFocusTextColor", brushToString(this.i.nu));
+            this.i.nz = stringToBrush(v);
+            this._a("actualFocusTextColor", brushToString(this.i.nz));
         },
         enumerable: false,
         configurable: true
@@ -634,11 +634,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the hover color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nv);
+            return brushToString(this.i.n0);
         },
         set: function (v) {
-            this.i.nv = stringToBrush(v);
-            this._a("actualHoverBackgroundColor", brushToString(this.i.nv));
+            this.i.n0 = stringToBrush(v);
+            this._a("actualHoverBackgroundColor", brushToString(this.i.n0));
         },
         enumerable: false,
         configurable: true
@@ -648,11 +648,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return this.i.bj;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.bj = +v;
-            this._a("actualBorderWidth", this.i.bj);
+            this.i.bk = +v;
+            this._a("actualBorderWidth", this.i.bk);
         },
         enumerable: false,
         configurable: true
@@ -662,11 +662,11 @@ export 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.q4);
+            return brushToString(this.i.q9);
         },
         set: function (v) {
-            this.i.q4 = stringToBrush(v);
-            this._a("raisedBackgroundColor", brushToString(this.i.q4));
+            this.i.q9 = stringToBrush(v);
+            this._a("raisedBackgroundColor", brushToString(this.i.q9));
         },
         enumerable: false,
         configurable: true
@@ -676,11 +676,11 @@ export 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.q6);
+            return brushToString(this.i.rb);
         },
         set: function (v) {
-            this.i.q6 = stringToBrush(v);
-            this._a("raisedDisabledBackgroundColor", brushToString(this.i.q6));
+            this.i.rb = stringToBrush(v);
+            this._a("raisedDisabledBackgroundColor", brushToString(this.i.rb));
         },
         enumerable: false,
         configurable: true
@@ -690,11 +690,11 @@ export 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.q7);
+            return brushToString(this.i.rc);
         },
         set: function (v) {
-            this.i.q7 = stringToBrush(v);
-            this._a("raisedDisabledBorderColor", brushToString(this.i.q7));
+            this.i.rc = stringToBrush(v);
+            this._a("raisedDisabledBorderColor", brushToString(this.i.rc));
         },
         enumerable: false,
         configurable: true
@@ -704,11 +704,11 @@ export 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.q8);
+            return brushToString(this.i.rd);
         },
         set: function (v) {
-            this.i.q8 = stringToBrush(v);
-            this._a("raisedDisabledTextColor", brushToString(this.i.q8));
+            this.i.rd = stringToBrush(v);
+            this._a("raisedDisabledTextColor", brushToString(this.i.rd));
         },
         enumerable: false,
         configurable: true
@@ -718,11 +718,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the disabled elevation to use for the button when the type is raised.
         */
         get: function () {
-            return this.i.d2;
+            return this.i.d3;
         },
         set: function (v) {
-            this.i.d2 = +v;
-            this._a("raisedDisabledElevation", this.i.d2);
+            this.i.d3 = +v;
+            this._a("raisedDisabledElevation", this.i.d3);
         },
         enumerable: false,
         configurable: true
@@ -732,11 +732,11 @@ export 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.rb);
+            return brushToString(this.i.rg);
         },
         set: function (v) {
-            this.i.rb = stringToBrush(v);
-            this._a("raisedHoverBackgroundColor", brushToString(this.i.rb));
+            this.i.rg = stringToBrush(v);
+            this._a("raisedHoverBackgroundColor", brushToString(this.i.rg));
         },
         enumerable: false,
         configurable: true
@@ -746,11 +746,11 @@ export 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.q5);
+            return brushToString(this.i.ra);
         },
         set: function (v) {
-            this.i.q5 = stringToBrush(v);
-            this._a("raisedBorderColor", brushToString(this.i.q5));
+            this.i.ra = stringToBrush(v);
+            this._a("raisedBorderColor", brushToString(this.i.ra));
         },
         enumerable: false,
         configurable: true
@@ -760,11 +760,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the elevation to use for the button when the type is raised.
         */
         get: function () {
-            return this.i.d5;
+            return this.i.d6;
         },
         set: function (v) {
-            this.i.d5 = +v;
-            this._a("raisedRestingElevation", this.i.d5);
+            this.i.d6 = +v;
+            this._a("raisedRestingElevation", this.i.d6);
         },
         enumerable: false,
         configurable: true
@@ -774,11 +774,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the hover elevation to use for the button when the type is raised.
         */
         get: function () {
-            return this.i.d4;
+            return this.i.d5;
         },
         set: function (v) {
-            this.i.d4 = +v;
-            this._a("raisedHoverElevation", this.i.d4);
+            this.i.d5 = +v;
+            this._a("raisedHoverElevation", this.i.d5);
         },
         enumerable: false,
         configurable: true
@@ -788,11 +788,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the focus elevation to use for the button when the type is raised.
         */
         get: function () {
-            return this.i.d3;
+            return this.i.d4;
         },
         set: function (v) {
-            this.i.d3 = +v;
-            this._a("raisedFocusElevation", this.i.d3);
+            this.i.d4 = +v;
+            this._a("raisedFocusElevation", this.i.d4);
         },
         enumerable: false,
         configurable: true
@@ -802,83 +802,83 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the width to use for the button border when the type is raised.
         */
         get: function () {
-            return this.i.b0;
+            return this.i.b1;
         },
         set: function (v) {
-            this.i.b0 = +v;
-            this._a("raisedBorderWidth", this.i.b0);
+            this.i.b1 = +v;
+            this._a("raisedBorderWidth", this.i.b1);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.lc ? this.i.lc.c : NaN;
+            return this.i.lh ? this.i.lh.c : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.lc.c = +v;
-            this._a("raisedCornerRadiusBottomRight", this.i.lc.c);
-            this.i.lc = this.i.lc;
+            this.i.lh.c = +v;
+            this._a("raisedCornerRadiusBottomRight", this.i.lh.c);
+            this.i.lh = this.i.lh;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.lc ? this.i.lc.b : NaN;
+            return this.i.lh ? this.i.lh.b : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.lc.b = +v;
-            this._a("raisedCornerRadiusBottomLeft", this.i.lc.b);
-            this.i.lc = this.i.lc;
+            this.i.lh.b = +v;
+            this._a("raisedCornerRadiusBottomLeft", this.i.lh.b);
+            this.i.lh = this.i.lh;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.lc ? this.i.lc.d : NaN;
+            return this.i.lh ? this.i.lh.d : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.lc.d = +v;
-            this._a("raisedCornerRadiusTopLeft", this.i.lc.d);
-            this.i.lc = this.i.lc;
+            this.i.lh.d = +v;
+            this._a("raisedCornerRadiusTopLeft", this.i.lh.d);
+            this.i.lh = this.i.lh;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusTopRight", {
         get: function () {
-            return this.i.lc ? this.i.lc.e : NaN;
+            return this.i.lh ? this.i.lh.e : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.lc.e = +v;
-            this._a("raisedCornerRadiusTopRight", this.i.lc.e);
-            this.i.lc = this.i.lc;
+            this.i.lh.e = +v;
+            this._a("raisedCornerRadiusTopRight", this.i.lh.e);
+            this.i.lh = this.i.lh;
         },
         enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureRaisedCornerRadius = function () {
-        if (this.i.lc) {
+        if (this.i.lh) {
             return;
         }
-        this.i.lc = new CornerRadius(2);
+        this.i.lh = 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.rd);
+            return brushToString(this.i.ri);
         },
         set: function (v) {
-            this.i.rd = stringToBrush(v);
-            this._a("raisedRippleColor", brushToString(this.i.rd));
+            this.i.ri = stringToBrush(v);
+            this._a("raisedRippleColor", brushToString(this.i.ri));
         },
         enumerable: false,
         configurable: true
@@ -888,11 +888,11 @@ export 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.p3);
+            return brushToString(this.i.p8);
         },
         set: function (v) {
-            this.i.p3 = stringToBrush(v);
-            this._a("flatBackgroundColor", brushToString(this.i.p3));
+            this.i.p8 = stringToBrush(v);
+            this._a("flatBackgroundColor", brushToString(this.i.p8));
         },
         enumerable: false,
         configurable: true
@@ -902,11 +902,11 @@ export 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.p5);
+            return brushToString(this.i.qa);
         },
         set: function (v) {
-            this.i.p5 = stringToBrush(v);
-            this._a("flatDisabledBackgroundColor", brushToString(this.i.p5));
+            this.i.qa = stringToBrush(v);
+            this._a("flatDisabledBackgroundColor", brushToString(this.i.qa));
         },
         enumerable: false,
         configurable: true
@@ -916,11 +916,11 @@ export 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.p6);
+            return brushToString(this.i.qb);
         },
         set: function (v) {
-            this.i.p6 = stringToBrush(v);
-            this._a("flatDisabledBorderColor", brushToString(this.i.p6));
+            this.i.qb = stringToBrush(v);
+            this._a("flatDisabledBorderColor", brushToString(this.i.qb));
         },
         enumerable: false,
         configurable: true
@@ -930,11 +930,11 @@ export 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.p7);
+            return brushToString(this.i.qc);
         },
         set: function (v) {
-            this.i.p7 = stringToBrush(v);
-            this._a("flatDisabledTextColor", brushToString(this.i.p7));
+            this.i.qc = stringToBrush(v);
+            this._a("flatDisabledTextColor", brushToString(this.i.qc));
         },
         enumerable: false,
         configurable: true
@@ -944,11 +944,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the disabled elevation to use for the button when the type is flat.
         */
         get: function () {
-            return this.i.dn;
+            return this.i.dp;
         },
         set: function (v) {
-            this.i.dn = +v;
-            this._a("flatDisabledElevation", this.i.dn);
+            this.i.dp = +v;
+            this._a("flatDisabledElevation", this.i.dp);
         },
         enumerable: false,
         configurable: true
@@ -958,11 +958,11 @@ export 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.qa);
+            return brushToString(this.i.qf);
         },
         set: function (v) {
-            this.i.qa = stringToBrush(v);
-            this._a("flatHoverBackgroundColor", brushToString(this.i.qa));
+            this.i.qf = stringToBrush(v);
+            this._a("flatHoverBackgroundColor", brushToString(this.i.qf));
         },
         enumerable: false,
         configurable: true
@@ -972,11 +972,11 @@ export 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.p4);
+            return brushToString(this.i.p9);
         },
         set: function (v) {
-            this.i.p4 = stringToBrush(v);
-            this._a("flatBorderColor", brushToString(this.i.p4));
+            this.i.p9 = stringToBrush(v);
+            this._a("flatBorderColor", brushToString(this.i.p9));
         },
         enumerable: false,
         configurable: true
@@ -986,11 +986,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the elevation to use for the button when the type is flat.
         */
         get: function () {
-            return this.i.dr;
+            return this.i.ds;
         },
         set: function (v) {
-            this.i.dr = +v;
-            this._a("flatRestingElevation", this.i.dr);
+            this.i.ds = +v;
+            this._a("flatRestingElevation", this.i.ds);
         },
         enumerable: false,
         configurable: true
@@ -1000,11 +1000,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the hover elevation to use for the button when the type is flat.
         */
         get: function () {
-            return this.i.dq;
+            return this.i.dr;
         },
         set: function (v) {
-            this.i.dq = +v;
-            this._a("flatHoverElevation", this.i.dq);
+            this.i.dr = +v;
+            this._a("flatHoverElevation", this.i.dr);
         },
         enumerable: false,
         configurable: true
@@ -1014,11 +1014,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the focus elevation to use for the button when the type is flat.
         */
         get: function () {
-            return this.i.dp;
+            return this.i.dq;
         },
         set: function (v) {
-            this.i.dp = +v;
-            this._a("flatFocusElevation", this.i.dp);
+            this.i.dq = +v;
+            this._a("flatFocusElevation", this.i.dq);
         },
         enumerable: false,
         configurable: true
@@ -1028,11 +1028,11 @@ export 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.qc);
+            return brushToString(this.i.qh);
         },
         set: function (v) {
-            this.i.qc = stringToBrush(v);
-            this._a("flatRippleColor", brushToString(this.i.qc));
+            this.i.qh = stringToBrush(v);
+            this._a("flatRippleColor", brushToString(this.i.qh));
         },
         enumerable: false,
         configurable: true
@@ -1042,11 +1042,11 @@ export 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.qd);
+            return brushToString(this.i.qi);
         },
         set: function (v) {
-            this.i.qd = stringToBrush(v);
-            this._a("flatTextColor", brushToString(this.i.qd));
+            this.i.qi = stringToBrush(v);
+            this._a("flatTextColor", brushToString(this.i.qi));
         },
         enumerable: false,
         configurable: true
@@ -1056,11 +1056,11 @@ export 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.qb);
+            return brushToString(this.i.qg);
         },
         set: function (v) {
-            this.i.qb = stringToBrush(v);
-            this._a("flatHoverTextColor", brushToString(this.i.qb));
+            this.i.qg = stringToBrush(v);
+            this._a("flatHoverTextColor", brushToString(this.i.qg));
         },
         enumerable: false,
         configurable: true
@@ -1070,11 +1070,11 @@ export 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.p8);
+            return brushToString(this.i.qd);
         },
         set: function (v) {
-            this.i.p8 = stringToBrush(v);
-            this._a("flatFocusBackgroundColor", brushToString(this.i.p8));
+            this.i.qd = stringToBrush(v);
+            this._a("flatFocusBackgroundColor", brushToString(this.i.qd));
         },
         enumerable: false,
         configurable: true
@@ -1084,11 +1084,11 @@ export 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.p9);
+            return brushToString(this.i.qe);
         },
         set: function (v) {
-            this.i.p9 = stringToBrush(v);
-            this._a("flatFocusTextColor", brushToString(this.i.p9));
+            this.i.qe = stringToBrush(v);
+            this._a("flatFocusTextColor", brushToString(this.i.qe));
         },
         enumerable: false,
         configurable: true
@@ -1098,83 +1098,83 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the width to use for the button border when the type is flat.
         */
         get: function () {
-            return this.i.bv;
+            return this.i.bw;
         },
         set: function (v) {
-            this.i.bv = +v;
-            this._a("flatBorderWidth", this.i.bv);
+            this.i.bw = +v;
+            this._a("flatBorderWidth", this.i.bw);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusBottomRight", {
         get: function () {
-            return this.i.k8 ? this.i.k8.c : NaN;
+            return this.i.ld ? this.i.ld.c : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k8.c = +v;
-            this._a("flatCornerRadiusBottomRight", this.i.k8.c);
-            this.i.k8 = this.i.k8;
+            this.i.ld.c = +v;
+            this._a("flatCornerRadiusBottomRight", this.i.ld.c);
+            this.i.ld = this.i.ld;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.k8 ? this.i.k8.b : NaN;
+            return this.i.ld ? this.i.ld.b : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k8.b = +v;
-            this._a("flatCornerRadiusBottomLeft", this.i.k8.b);
-            this.i.k8 = this.i.k8;
+            this.i.ld.b = +v;
+            this._a("flatCornerRadiusBottomLeft", this.i.ld.b);
+            this.i.ld = this.i.ld;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusTopLeft", {
         get: function () {
-            return this.i.k8 ? this.i.k8.d : NaN;
+            return this.i.ld ? this.i.ld.d : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k8.d = +v;
-            this._a("flatCornerRadiusTopLeft", this.i.k8.d);
-            this.i.k8 = this.i.k8;
+            this.i.ld.d = +v;
+            this._a("flatCornerRadiusTopLeft", this.i.ld.d);
+            this.i.ld = this.i.ld;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusTopRight", {
         get: function () {
-            return this.i.k8 ? this.i.k8.e : NaN;
+            return this.i.ld ? this.i.ld.e : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.k8.e = +v;
-            this._a("flatCornerRadiusTopRight", this.i.k8.e);
-            this.i.k8 = this.i.k8;
+            this.i.ld.e = +v;
+            this._a("flatCornerRadiusTopRight", this.i.ld.e);
+            this.i.ld = this.i.ld;
         },
         enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureFlatCornerRadius = function () {
-        if (this.i.k8) {
+        if (this.i.ld) {
             return;
         }
-        this.i.k8 = new CornerRadius(2);
+        this.i.ld = 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.n1);
+            return brushToString(this.i.n6);
         },
         set: function (v) {
-            this.i.n1 = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.n1));
+            this.i.n6 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.n6));
         },
         enumerable: false,
         configurable: true
@@ -1184,11 +1184,11 @@ export 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.pp);
+            return brushToString(this.i.pu);
         },
         set: function (v) {
-            this.i.pp = stringToBrush(v);
-            this._a("disabledBackgroundColor", brushToString(this.i.pp));
+            this.i.pu = stringToBrush(v);
+            this._a("disabledBackgroundColor", brushToString(this.i.pu));
         },
         enumerable: false,
         configurable: true
@@ -1198,11 +1198,11 @@ export 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.pq);
+            return brushToString(this.i.pv);
         },
         set: function (v) {
-            this.i.pq = stringToBrush(v);
-            this._a("disabledBorderColor", brushToString(this.i.pq));
+            this.i.pv = stringToBrush(v);
+            this._a("disabledBorderColor", brushToString(this.i.pv));
         },
         enumerable: false,
         configurable: true
@@ -1212,11 +1212,11 @@ export 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.pr);
+            return brushToString(this.i.pw);
         },
         set: function (v) {
-            this.i.pr = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.pr));
+            this.i.pw = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.pw));
         },
         enumerable: false,
         configurable: true
@@ -1226,11 +1226,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the disabled elevation to use for the button when the type is raised.
         */
         get: function () {
-            return this.i.di;
+            return this.i.dj;
         },
         set: function (v) {
-            this.i.di = +v;
-            this._a("disabledElevation", this.i.di);
+            this.i.dj = +v;
+            this._a("disabledElevation", this.i.dj);
         },
         enumerable: false,
         configurable: true
@@ -1240,11 +1240,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the disabled elevation to use for the button when the type is raised.
         */
         get: function () {
-            return this.i.w;
+            return this.i.x;
         },
         set: function (v) {
-            this.i.w = ensureEnum(ElevationMode_$type, v);
-            this._a("elevationMode", enumToString(ElevationMode_$type, this.i.w));
+            this.i.x = ensureEnum(ElevationMode_$type, v);
+            this._a("elevationMode", enumToString(ElevationMode_$type, this.i.x));
         },
         enumerable: false,
         configurable: true
@@ -1254,11 +1254,11 @@ export 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.qg);
+            return brushToString(this.i.ql);
         },
         set: function (v) {
-            this.i.qg = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.qg));
+            this.i.ql = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.ql));
         },
         enumerable: false,
         configurable: true
@@ -1268,11 +1268,11 @@ export 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.n2);
+            return brushToString(this.i.n7);
         },
         set: function (v) {
-            this.i.n2 = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.n2));
+            this.i.n7 = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.n7));
         },
         enumerable: false,
         configurable: true
@@ -1282,11 +1282,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the elevation to use for the button regardless of type.
         */
         get: function () {
-            return this.i.d6;
+            return this.i.d7;
         },
         set: function (v) {
-            this.i.d6 = +v;
-            this._a("restingElevation", this.i.d6);
+            this.i.d7 = +v;
+            this._a("restingElevation", this.i.d7);
         },
         enumerable: false,
         configurable: true
@@ -1296,11 +1296,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the hover elevation to use for the button regardless of type.
         */
         get: function () {
-            return this.i.dt;
+            return this.i.du;
         },
         set: function (v) {
-            this.i.dt = +v;
-            this._a("hoverElevation", this.i.dt);
+            this.i.du = +v;
+            this._a("hoverElevation", this.i.du);
         },
         enumerable: false,
         configurable: true
@@ -1310,11 +1310,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the focus elevation to use for the button regardless of type.
         */
         get: function () {
-            return this.i.ds;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.ds = +v;
-            this._a("focusElevation", this.i.ds);
+            this.i.dt = +v;
+            this._a("focusElevation", this.i.dt);
         },
         enumerable: false,
         configurable: true
@@ -1324,16 +1324,16 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the use for the button.
         */
         get: function () {
-            if (this.i.aa == null) {
+            if (this.i.ab == null) {
                 return null;
             }
-            return this.i.aa.fontString;
+            return this.i.ab.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.aa = fi;
-            this._a("textStyle", this.i.aa != null ? this.i.aa.fontString : "");
+            this.i.ab = fi;
+            this._a("textStyle", this.i.ab != null ? this.i.ab.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1343,11 +1343,11 @@ export 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.rg);
+            return brushToString(this.i.rl);
         },
         set: function (v) {
-            this.i.rg = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.rg));
+            this.i.rl = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.rl));
         },
         enumerable: false,
         configurable: true
@@ -1357,11 +1357,11 @@ export 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.qh);
+            return brushToString(this.i.qm);
         },
         set: function (v) {
-            this.i.qh = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.qh));
+            this.i.qm = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.qm));
         },
         enumerable: false,
         configurable: true
@@ -1371,11 +1371,11 @@ export 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.rf);
+            return brushToString(this.i.rk);
         },
         set: function (v) {
-            this.i.rf = stringToBrush(v);
-            this._a("rippleColor", brushToString(this.i.rf));
+            this.i.rk = stringToBrush(v);
+            this._a("rippleColor", brushToString(this.i.rk));
         },
         enumerable: false,
         configurable: true
@@ -1385,11 +1385,11 @@ export 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.re);
+            return brushToString(this.i.rj);
         },
         set: function (v) {
-            this.i.re = stringToBrush(v);
-            this._a("raisedTextColor", brushToString(this.i.re));
+            this.i.rj = stringToBrush(v);
+            this._a("raisedTextColor", brushToString(this.i.rj));
         },
         enumerable: false,
         configurable: true
@@ -1399,11 +1399,11 @@ export 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.rc);
+            return brushToString(this.i.rh);
         },
         set: function (v) {
-            this.i.rc = stringToBrush(v);
-            this._a("raisedHoverTextColor", brushToString(this.i.rc));
+            this.i.rh = stringToBrush(v);
+            this._a("raisedHoverTextColor", brushToString(this.i.rh));
         },
         enumerable: false,
         configurable: true
@@ -1413,11 +1413,11 @@ export 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.q9);
+            return brushToString(this.i.re);
         },
         set: function (v) {
-            this.i.q9 = stringToBrush(v);
-            this._a("raisedFocusBackgroundColor", brushToString(this.i.q9));
+            this.i.re = stringToBrush(v);
+            this._a("raisedFocusBackgroundColor", brushToString(this.i.re));
         },
         enumerable: false,
         configurable: true
@@ -1427,11 +1427,11 @@ export 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.ra);
+            return brushToString(this.i.rf);
         },
         set: function (v) {
-            this.i.ra = stringToBrush(v);
-            this._a("raisedFocusTextColor", brushToString(this.i.ra));
+            this.i.rf = stringToBrush(v);
+            this._a("raisedFocusTextColor", brushToString(this.i.rf));
         },
         enumerable: false,
         configurable: true
@@ -1441,11 +1441,11 @@ export 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.qe);
+            return brushToString(this.i.qj);
         },
         set: function (v) {
-            this.i.qe = stringToBrush(v);
-            this._a("focusBackgroundColor", brushToString(this.i.qe));
+            this.i.qj = stringToBrush(v);
+            this._a("focusBackgroundColor", brushToString(this.i.qj));
         },
         enumerable: false,
         configurable: true
@@ -1455,11 +1455,11 @@ export 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.qf);
+            return brushToString(this.i.qk);
         },
         set: function (v) {
-            this.i.qf = stringToBrush(v);
-            this._a("focusTextColor", brushToString(this.i.qf));
+            this.i.qk = stringToBrush(v);
+            this._a("focusTextColor", brushToString(this.i.qk));
         },
         enumerable: false,
         configurable: true
@@ -1469,83 +1469,83 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the width to use for the button border regardless of type.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bl;
         },
         set: function (v) {
-            this.i.bk = +v;
-            this._a("borderWidth", this.i.bk);
+            this.i.bl = +v;
+            this._a("borderWidth", this.i.bl);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.k1 ? this.i.k1.c : NaN;
+            return this.i.k6 ? this.i.k6.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.k1.c = +v;
-            this._a("cornerRadiusBottomRight", this.i.k1.c);
-            this.i.k1 = this.i.k1;
+            this.i.k6.c = +v;
+            this._a("cornerRadiusBottomRight", this.i.k6.c);
+            this.i.k6 = this.i.k6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.k1 ? this.i.k1.b : NaN;
+            return this.i.k6 ? this.i.k6.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.k1.b = +v;
-            this._a("cornerRadiusBottomLeft", this.i.k1.b);
-            this.i.k1 = this.i.k1;
+            this.i.k6.b = +v;
+            this._a("cornerRadiusBottomLeft", this.i.k6.b);
+            this.i.k6 = this.i.k6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.k1 ? this.i.k1.d : NaN;
+            return this.i.k6 ? this.i.k6.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.k1.d = +v;
-            this._a("cornerRadiusTopLeft", this.i.k1.d);
-            this.i.k1 = this.i.k1;
+            this.i.k6.d = +v;
+            this._a("cornerRadiusTopLeft", this.i.k6.d);
+            this.i.k6 = this.i.k6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.k1 ? this.i.k1.e : NaN;
+            return this.i.k6 ? this.i.k6.e : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.k1.e = +v;
-            this._a("cornerRadiusTopRight", this.i.k1.e);
-            this.i.k1 = this.i.k1;
+            this.i.k6.e = +v;
+            this._a("cornerRadiusTopRight", this.i.k6.e);
+            this.i.k6 = this.i.k6;
         },
         enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.k1) {
+        if (this.i.k6) {
             return;
         }
-        this.i.k1 = new CornerRadius(2);
+        this.i.k6 = 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.qt);
+            return brushToString(this.i.qy);
         },
         set: function (v) {
-            this.i.qt = stringToBrush(v);
-            this._a("outlinedBackgroundColor", brushToString(this.i.qt));
+            this.i.qy = stringToBrush(v);
+            this._a("outlinedBackgroundColor", brushToString(this.i.qy));
         },
         enumerable: false,
         configurable: true
@@ -1555,11 +1555,11 @@ export 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.qv);
+            return brushToString(this.i.q0);
         },
         set: function (v) {
-            this.i.qv = stringToBrush(v);
-            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.qv));
+            this.i.q0 = stringToBrush(v);
+            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.q0));
         },
         enumerable: false,
         configurable: true
@@ -1569,11 +1569,11 @@ export 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.qw);
+            return brushToString(this.i.q1);
         },
         set: function (v) {
-            this.i.qw = stringToBrush(v);
-            this._a("outlinedDisabledBorderColor", brushToString(this.i.qw));
+            this.i.q1 = stringToBrush(v);
+            this._a("outlinedDisabledBorderColor", brushToString(this.i.q1));
         },
         enumerable: false,
         configurable: true
@@ -1583,11 +1583,11 @@ export 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.qx);
+            return brushToString(this.i.q2);
         },
         set: function (v) {
-            this.i.qx = stringToBrush(v);
-            this._a("outlinedDisabledTextColor", brushToString(this.i.qx));
+            this.i.q2 = stringToBrush(v);
+            this._a("outlinedDisabledTextColor", brushToString(this.i.q2));
         },
         enumerable: false,
         configurable: true
@@ -1597,11 +1597,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the disabled elevation to use for the button when the type is outlined.
         */
         get: function () {
-            return this.i.dy;
+            return this.i.dz;
         },
         set: function (v) {
-            this.i.dy = +v;
-            this._a("outlinedDisabledElevation", this.i.dy);
+            this.i.dz = +v;
+            this._a("outlinedDisabledElevation", this.i.dz);
         },
         enumerable: false,
         configurable: true
@@ -1611,11 +1611,11 @@ export 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.q0);
+            return brushToString(this.i.q5);
         },
         set: function (v) {
-            this.i.q0 = stringToBrush(v);
-            this._a("outlinedHoverBackgroundColor", brushToString(this.i.q0));
+            this.i.q5 = stringToBrush(v);
+            this._a("outlinedHoverBackgroundColor", brushToString(this.i.q5));
         },
         enumerable: false,
         configurable: true
@@ -1625,11 +1625,11 @@ export 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.qu);
+            return brushToString(this.i.qz);
         },
         set: function (v) {
-            this.i.qu = stringToBrush(v);
-            this._a("outlinedBorderColor", brushToString(this.i.qu));
+            this.i.qz = stringToBrush(v);
+            this._a("outlinedBorderColor", brushToString(this.i.qz));
         },
         enumerable: false,
         configurable: true
@@ -1639,11 +1639,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the elevation to use for the button when the type is outlined.
         */
         get: function () {
-            return this.i.d1;
+            return this.i.d2;
         },
         set: function (v) {
-            this.i.d1 = +v;
-            this._a("outlinedRestingElevation", this.i.d1);
+            this.i.d2 = +v;
+            this._a("outlinedRestingElevation", this.i.d2);
         },
         enumerable: false,
         configurable: true
@@ -1653,11 +1653,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the hover elevation to use for the button when the type is outlined.
         */
         get: function () {
-            return this.i.d0;
+            return this.i.d1;
         },
         set: function (v) {
-            this.i.d0 = +v;
-            this._a("outlinedHoverElevation", this.i.d0);
+            this.i.d1 = +v;
+            this._a("outlinedHoverElevation", this.i.d1);
         },
         enumerable: false,
         configurable: true
@@ -1667,11 +1667,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the focus elevation to use for the button when the type is outlined.
         */
         get: function () {
-            return this.i.dz;
+            return this.i.d0;
         },
         set: function (v) {
-            this.i.dz = +v;
-            this._a("outlinedFocusElevation", this.i.dz);
+            this.i.d0 = +v;
+            this._a("outlinedFocusElevation", this.i.d0);
         },
         enumerable: false,
         configurable: true
@@ -1681,83 +1681,83 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the width to use for the button border when the type is outlined.
         */
         get: function () {
-            return this.i.bz;
+            return this.i.b0;
         },
         set: function (v) {
-            this.i.bz = +v;
-            this._a("outlinedBorderWidth", this.i.bz);
+            this.i.b0 = +v;
+            this._a("outlinedBorderWidth", this.i.b0);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.lb ? this.i.lb.c : NaN;
+            return this.i.lg ? this.i.lg.c : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lb.c = +v;
-            this._a("outlinedCornerRadiusBottomRight", this.i.lb.c);
-            this.i.lb = this.i.lb;
+            this.i.lg.c = +v;
+            this._a("outlinedCornerRadiusBottomRight", this.i.lg.c);
+            this.i.lg = this.i.lg;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.lb ? this.i.lb.b : NaN;
+            return this.i.lg ? this.i.lg.b : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lb.b = +v;
-            this._a("outlinedCornerRadiusBottomLeft", this.i.lb.b);
-            this.i.lb = this.i.lb;
+            this.i.lg.b = +v;
+            this._a("outlinedCornerRadiusBottomLeft", this.i.lg.b);
+            this.i.lg = this.i.lg;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.lb ? this.i.lb.d : NaN;
+            return this.i.lg ? this.i.lg.d : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lb.d = +v;
-            this._a("outlinedCornerRadiusTopLeft", this.i.lb.d);
-            this.i.lb = this.i.lb;
+            this.i.lg.d = +v;
+            this._a("outlinedCornerRadiusTopLeft", this.i.lg.d);
+            this.i.lg = this.i.lg;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusTopRight", {
         get: function () {
-            return this.i.lb ? this.i.lb.e : NaN;
+            return this.i.lg ? this.i.lg.e : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.lb.e = +v;
-            this._a("outlinedCornerRadiusTopRight", this.i.lb.e);
-            this.i.lb = this.i.lb;
+            this.i.lg.e = +v;
+            this._a("outlinedCornerRadiusTopRight", this.i.lg.e);
+            this.i.lg = this.i.lg;
         },
         enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureOutlinedCornerRadius = function () {
-        if (this.i.lb) {
+        if (this.i.lg) {
             return;
         }
-        this.i.lb = new CornerRadius(2);
+        this.i.lg = 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.q2);
+            return brushToString(this.i.q7);
         },
         set: function (v) {
-            this.i.q2 = stringToBrush(v);
-            this._a("outlinedRippleColor", brushToString(this.i.q2));
+            this.i.q7 = stringToBrush(v);
+            this._a("outlinedRippleColor", brushToString(this.i.q7));
         },
         enumerable: false,
         configurable: true
@@ -1767,11 +1767,11 @@ export 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.q3);
+            return brushToString(this.i.q8);
         },
         set: function (v) {
-            this.i.q3 = stringToBrush(v);
-            this._a("outlinedTextColor", brushToString(this.i.q3));
+            this.i.q8 = stringToBrush(v);
+            this._a("outlinedTextColor", brushToString(this.i.q8));
         },
         enumerable: false,
         configurable: true
@@ -1781,11 +1781,11 @@ export 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.q1);
+            return brushToString(this.i.q6);
         },
         set: function (v) {
-            this.i.q1 = stringToBrush(v);
-            this._a("outlinedHoverTextColor", brushToString(this.i.q1));
+            this.i.q6 = stringToBrush(v);
+            this._a("outlinedHoverTextColor", brushToString(this.i.q6));
         },
         enumerable: false,
         configurable: true
@@ -1795,11 +1795,11 @@ export 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.qy);
+            return brushToString(this.i.q3);
         },
         set: function (v) {
-            this.i.qy = stringToBrush(v);
-            this._a("outlinedFocusBackgroundColor", brushToString(this.i.qy));
+            this.i.q3 = stringToBrush(v);
+            this._a("outlinedFocusBackgroundColor", brushToString(this.i.q3));
         },
         enumerable: false,
         configurable: true
@@ -1809,11 +1809,11 @@ export 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.qz);
+            return brushToString(this.i.q4);
         },
         set: function (v) {
-            this.i.qz = stringToBrush(v);
-            this._a("outlinedFocusTextColor", brushToString(this.i.qz));
+            this.i.q4 = stringToBrush(v);
+            this._a("outlinedFocusTextColor", brushToString(this.i.q4));
         },
         enumerable: false,
         configurable: true
@@ -1823,11 +1823,11 @@ export 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.ps);
+            return brushToString(this.i.px);
         },
         set: function (v) {
-            this.i.ps = stringToBrush(v);
-            this._a("fabBackgroundColor", brushToString(this.i.ps));
+            this.i.px = stringToBrush(v);
+            this._a("fabBackgroundColor", brushToString(this.i.px));
         },
         enumerable: false,
         configurable: true
@@ -1837,11 +1837,11 @@ export 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.pu);
+            return brushToString(this.i.pz);
         },
         set: function (v) {
-            this.i.pu = stringToBrush(v);
-            this._a("fabDisabledBackgroundColor", brushToString(this.i.pu));
+            this.i.pz = stringToBrush(v);
+            this._a("fabDisabledBackgroundColor", brushToString(this.i.pz));
         },
         enumerable: false,
         configurable: true
@@ -1851,11 +1851,11 @@ export 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.pv);
+            return brushToString(this.i.p0);
         },
         set: function (v) {
-            this.i.pv = stringToBrush(v);
-            this._a("fabDisabledBorderColor", brushToString(this.i.pv));
+            this.i.p0 = stringToBrush(v);
+            this._a("fabDisabledBorderColor", brushToString(this.i.p0));
         },
         enumerable: false,
         configurable: true
@@ -1865,11 +1865,11 @@ export 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.pw);
+            return brushToString(this.i.p1);
         },
         set: function (v) {
-            this.i.pw = stringToBrush(v);
-            this._a("fabDisabledTextColor", brushToString(this.i.pw));
+            this.i.p1 = stringToBrush(v);
+            this._a("fabDisabledTextColor", brushToString(this.i.p1));
         },
         enumerable: false,
         configurable: true
@@ -1879,11 +1879,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the disabled elevation to use for the button when the type is fab.
         */
         get: function () {
-            return this.i.dj;
+            return this.i.dk;
         },
         set: function (v) {
-            this.i.dj = +v;
-            this._a("fabDisabledElevation", this.i.dj);
+            this.i.dk = +v;
+            this._a("fabDisabledElevation", this.i.dk);
         },
         enumerable: false,
         configurable: true
@@ -1893,11 +1893,11 @@ export 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.pz);
+            return brushToString(this.i.p4);
         },
         set: function (v) {
-            this.i.pz = stringToBrush(v);
-            this._a("fabHoverBackgroundColor", brushToString(this.i.pz));
+            this.i.p4 = stringToBrush(v);
+            this._a("fabHoverBackgroundColor", brushToString(this.i.p4));
         },
         enumerable: false,
         configurable: true
@@ -1907,11 +1907,11 @@ export 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.pt);
+            return brushToString(this.i.py);
         },
         set: function (v) {
-            this.i.pt = stringToBrush(v);
-            this._a("fabBorderColor", brushToString(this.i.pt));
+            this.i.py = stringToBrush(v);
+            this._a("fabBorderColor", brushToString(this.i.py));
         },
         enumerable: false,
         configurable: true
@@ -1921,11 +1921,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the elevation to use for the button when the type is floating action button.
         */
         get: function () {
-            return this.i.dm;
+            return this.i.dn;
         },
         set: function (v) {
-            this.i.dm = +v;
-            this._a("fabRestingElevation", this.i.dm);
+            this.i.dn = +v;
+            this._a("fabRestingElevation", this.i.dn);
         },
         enumerable: false,
         configurable: true
@@ -1935,11 +1935,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the hover elevation to use for the button when the type is floating action button.
         */
         get: function () {
-            return this.i.dl;
+            return this.i.dm;
         },
         set: function (v) {
-            this.i.dl = +v;
-            this._a("fabHoverElevation", this.i.dl);
+            this.i.dm = +v;
+            this._a("fabHoverElevation", this.i.dm);
         },
         enumerable: false,
         configurable: true
@@ -1949,11 +1949,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the focus elevation to use for the button when the type is floating action button.
         */
         get: function () {
-            return this.i.dk;
+            return this.i.dl;
         },
         set: function (v) {
-            this.i.dk = +v;
-            this._a("fabFocusElevation", this.i.dk);
+            this.i.dl = +v;
+            this._a("fabFocusElevation", this.i.dl);
         },
         enumerable: false,
         configurable: true
@@ -1963,83 +1963,83 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the width to use for the button border when the type is floating action button.
         */
         get: function () {
-            return this.i.bu;
+            return this.i.bv;
         },
         set: function (v) {
-            this.i.bu = +v;
-            this._a("fabBorderWidth", this.i.bu);
+            this.i.bv = +v;
+            this._a("fabBorderWidth", this.i.bv);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusBottomRight", {
         get: function () {
-            return this.i.k7 ? this.i.k7.c : NaN;
+            return this.i.lc ? this.i.lc.c : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.k7.c = +v;
-            this._a("fabCornerRadiusBottomRight", this.i.k7.c);
-            this.i.k7 = this.i.k7;
+            this.i.lc.c = +v;
+            this._a("fabCornerRadiusBottomRight", this.i.lc.c);
+            this.i.lc = this.i.lc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.k7 ? this.i.k7.b : NaN;
+            return this.i.lc ? this.i.lc.b : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.k7.b = +v;
-            this._a("fabCornerRadiusBottomLeft", this.i.k7.b);
-            this.i.k7 = this.i.k7;
+            this.i.lc.b = +v;
+            this._a("fabCornerRadiusBottomLeft", this.i.lc.b);
+            this.i.lc = this.i.lc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusTopLeft", {
         get: function () {
-            return this.i.k7 ? this.i.k7.d : NaN;
+            return this.i.lc ? this.i.lc.d : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.k7.d = +v;
-            this._a("fabCornerRadiusTopLeft", this.i.k7.d);
-            this.i.k7 = this.i.k7;
+            this.i.lc.d = +v;
+            this._a("fabCornerRadiusTopLeft", this.i.lc.d);
+            this.i.lc = this.i.lc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusTopRight", {
         get: function () {
-            return this.i.k7 ? this.i.k7.e : NaN;
+            return this.i.lc ? this.i.lc.e : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.k7.e = +v;
-            this._a("fabCornerRadiusTopRight", this.i.k7.e);
-            this.i.k7 = this.i.k7;
+            this.i.lc.e = +v;
+            this._a("fabCornerRadiusTopRight", this.i.lc.e);
+            this.i.lc = this.i.lc;
         },
         enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureFabCornerRadius = function () {
-        if (this.i.k7) {
+        if (this.i.lc) {
             return;
         }
-        this.i.k7 = new CornerRadius(2);
+        this.i.lc = 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.p1);
+            return brushToString(this.i.p6);
         },
         set: function (v) {
-            this.i.p1 = stringToBrush(v);
-            this._a("fabRippleColor", brushToString(this.i.p1));
+            this.i.p6 = stringToBrush(v);
+            this._a("fabRippleColor", brushToString(this.i.p6));
         },
         enumerable: false,
         configurable: true
@@ -2049,11 +2049,11 @@ export 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.p2);
+            return brushToString(this.i.p7);
         },
         set: function (v) {
-            this.i.p2 = stringToBrush(v);
-            this._a("fabTextColor", brushToString(this.i.p2));
+            this.i.p7 = stringToBrush(v);
+            this._a("fabTextColor", brushToString(this.i.p7));
         },
         enumerable: false,
         configurable: true
@@ -2063,11 +2063,11 @@ export 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.p0);
+            return brushToString(this.i.p5);
         },
         set: function (v) {
-            this.i.p0 = stringToBrush(v);
-            this._a("fabHoverTextColor", brushToString(this.i.p0));
+            this.i.p5 = stringToBrush(v);
+            this._a("fabHoverTextColor", brushToString(this.i.p5));
         },
         enumerable: false,
         configurable: true
@@ -2077,11 +2077,11 @@ export 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.px);
+            return brushToString(this.i.p2);
         },
         set: function (v) {
-            this.i.px = stringToBrush(v);
-            this._a("fabFocusBackgroundColor", brushToString(this.i.px));
+            this.i.p2 = stringToBrush(v);
+            this._a("fabFocusBackgroundColor", brushToString(this.i.p2));
         },
         enumerable: false,
         configurable: true
@@ -2091,11 +2091,11 @@ export 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.py);
+            return brushToString(this.i.p3);
         },
         set: function (v) {
-            this.i.py = stringToBrush(v);
-            this._a("fabFocusTextColor", brushToString(this.i.py));
+            this.i.p3 = stringToBrush(v);
+            this._a("fabFocusTextColor", brushToString(this.i.p3));
         },
         enumerable: false,
         configurable: true
@@ -2105,11 +2105,11 @@ export 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.qi);
+            return brushToString(this.i.qn);
         },
         set: function (v) {
-            this.i.qi = stringToBrush(v);
-            this._a("iconBackgroundColor", brushToString(this.i.qi));
+            this.i.qn = stringToBrush(v);
+            this._a("iconBackgroundColor", brushToString(this.i.qn));
         },
         enumerable: false,
         configurable: true
@@ -2119,11 +2119,11 @@ export 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.qk);
+            return brushToString(this.i.qp);
         },
         set: function (v) {
-            this.i.qk = stringToBrush(v);
-            this._a("iconDisabledBackgroundColor", brushToString(this.i.qk));
+            this.i.qp = stringToBrush(v);
+            this._a("iconDisabledBackgroundColor", brushToString(this.i.qp));
         },
         enumerable: false,
         configurable: true
@@ -2133,11 +2133,11 @@ export 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.ql);
+            return brushToString(this.i.qq);
         },
         set: function (v) {
-            this.i.ql = stringToBrush(v);
-            this._a("iconDisabledBorderColor", brushToString(this.i.ql));
+            this.i.qq = stringToBrush(v);
+            this._a("iconDisabledBorderColor", brushToString(this.i.qq));
         },
         enumerable: false,
         configurable: true
@@ -2147,11 +2147,11 @@ export 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.qm);
+            return brushToString(this.i.qr);
         },
         set: function (v) {
-            this.i.qm = stringToBrush(v);
-            this._a("iconDisabledTextColor", brushToString(this.i.qm));
+            this.i.qr = stringToBrush(v);
+            this._a("iconDisabledTextColor", brushToString(this.i.qr));
         },
         enumerable: false,
         configurable: true
@@ -2161,11 +2161,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the disabled elevation to use for the button when the type is icon.
         */
         get: function () {
-            return this.i.du;
+            return this.i.dv;
         },
         set: function (v) {
-            this.i.du = +v;
-            this._a("iconDisabledElevation", this.i.du);
+            this.i.dv = +v;
+            this._a("iconDisabledElevation", this.i.dv);
         },
         enumerable: false,
         configurable: true
@@ -2175,11 +2175,11 @@ export 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.qp);
+            return brushToString(this.i.qu);
         },
         set: function (v) {
-            this.i.qp = stringToBrush(v);
-            this._a("iconHoverBackgroundColor", brushToString(this.i.qp));
+            this.i.qu = stringToBrush(v);
+            this._a("iconHoverBackgroundColor", brushToString(this.i.qu));
         },
         enumerable: false,
         configurable: true
@@ -2189,11 +2189,11 @@ export 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.qj);
+            return brushToString(this.i.qo);
         },
         set: function (v) {
-            this.i.qj = stringToBrush(v);
-            this._a("iconBorderColor", brushToString(this.i.qj));
+            this.i.qo = stringToBrush(v);
+            this._a("iconBorderColor", brushToString(this.i.qo));
         },
         enumerable: false,
         configurable: true
@@ -2203,11 +2203,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the elevation to use for the button when the type is icon.
         */
         get: function () {
-            return this.i.dx;
+            return this.i.dy;
         },
         set: function (v) {
-            this.i.dx = +v;
-            this._a("iconRestingElevation", this.i.dx);
+            this.i.dy = +v;
+            this._a("iconRestingElevation", this.i.dy);
         },
         enumerable: false,
         configurable: true
@@ -2217,11 +2217,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the hover elevation to use for the button when the type is icon.
         */
         get: function () {
-            return this.i.dw;
+            return this.i.dx;
         },
         set: function (v) {
-            this.i.dw = +v;
-            this._a("iconHoverElevation", this.i.dw);
+            this.i.dx = +v;
+            this._a("iconHoverElevation", this.i.dx);
         },
         enumerable: false,
         configurable: true
@@ -2231,11 +2231,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the focus elevation to use for the button when the type is icon.
         */
         get: function () {
-            return this.i.dv;
+            return this.i.dw;
         },
         set: function (v) {
-            this.i.dv = +v;
-            this._a("iconFocusElevation", this.i.dv);
+            this.i.dw = +v;
+            this._a("iconFocusElevation", this.i.dw);
         },
         enumerable: false,
         configurable: true
@@ -2245,83 +2245,83 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the width to use for the button border when the type is icon.
         */
         get: function () {
-            return this.i.bw;
+            return this.i.bx;
         },
         set: function (v) {
-            this.i.bw = +v;
-            this._a("iconBorderWidth", this.i.bw);
+            this.i.bx = +v;
+            this._a("iconBorderWidth", this.i.bx);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusBottomRight", {
         get: function () {
-            return this.i.la ? this.i.la.c : NaN;
+            return this.i.lf ? this.i.lf.c : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.la.c = +v;
-            this._a("iconCornerRadiusBottomRight", this.i.la.c);
-            this.i.la = this.i.la;
+            this.i.lf.c = +v;
+            this._a("iconCornerRadiusBottomRight", this.i.lf.c);
+            this.i.lf = this.i.lf;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.la ? this.i.la.b : NaN;
+            return this.i.lf ? this.i.lf.b : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.la.b = +v;
-            this._a("iconCornerRadiusBottomLeft", this.i.la.b);
-            this.i.la = this.i.la;
+            this.i.lf.b = +v;
+            this._a("iconCornerRadiusBottomLeft", this.i.lf.b);
+            this.i.lf = this.i.lf;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusTopLeft", {
         get: function () {
-            return this.i.la ? this.i.la.d : NaN;
+            return this.i.lf ? this.i.lf.d : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.la.d = +v;
-            this._a("iconCornerRadiusTopLeft", this.i.la.d);
-            this.i.la = this.i.la;
+            this.i.lf.d = +v;
+            this._a("iconCornerRadiusTopLeft", this.i.lf.d);
+            this.i.lf = this.i.lf;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusTopRight", {
         get: function () {
-            return this.i.la ? this.i.la.e : NaN;
+            return this.i.lf ? this.i.lf.e : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.la.e = +v;
-            this._a("iconCornerRadiusTopRight", this.i.la.e);
-            this.i.la = this.i.la;
+            this.i.lf.e = +v;
+            this._a("iconCornerRadiusTopRight", this.i.lf.e);
+            this.i.lf = this.i.lf;
         },
         enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureIconCornerRadius = function () {
-        if (this.i.la) {
+        if (this.i.lf) {
             return;
         }
-        this.i.la = new CornerRadius(2);
+        this.i.lf = 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.qr);
+            return brushToString(this.i.qw);
         },
         set: function (v) {
-            this.i.qr = stringToBrush(v);
-            this._a("iconRippleColor", brushToString(this.i.qr));
+            this.i.qw = stringToBrush(v);
+            this._a("iconRippleColor", brushToString(this.i.qw));
         },
         enumerable: false,
         configurable: true
@@ -2331,11 +2331,11 @@ export 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.qs);
+            return brushToString(this.i.qx);
         },
         set: function (v) {
-            this.i.qs = stringToBrush(v);
-            this._a("iconTextColor", brushToString(this.i.qs));
+            this.i.qx = stringToBrush(v);
+            this._a("iconTextColor", brushToString(this.i.qx));
         },
         enumerable: false,
         configurable: true
@@ -2345,11 +2345,11 @@ export 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.qq);
+            return brushToString(this.i.qv);
         },
         set: function (v) {
-            this.i.qq = stringToBrush(v);
-            this._a("iconHoverTextColor", brushToString(this.i.qq));
+            this.i.qv = stringToBrush(v);
+            this._a("iconHoverTextColor", brushToString(this.i.qv));
         },
         enumerable: false,
         configurable: true
@@ -2359,11 +2359,11 @@ export 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.qn);
+            return brushToString(this.i.qs);
         },
         set: function (v) {
-            this.i.qn = stringToBrush(v);
-            this._a("iconFocusBackgroundColor", brushToString(this.i.qn));
+            this.i.qs = stringToBrush(v);
+            this._a("iconFocusBackgroundColor", brushToString(this.i.qs));
         },
         enumerable: false,
         configurable: true
@@ -2373,11 +2373,11 @@ export 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.qo);
+            return brushToString(this.i.qt);
         },
         set: function (v) {
-            this.i.qo = stringToBrush(v);
-            this._a("iconFocusTextColor", brushToString(this.i.qo));
+            this.i.qt = stringToBrush(v);
+            this._a("iconFocusTextColor", brushToString(this.i.qt));
         },
         enumerable: false,
         configurable: true
@@ -2387,10 +2387,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the id to use for the internal native checkbox.
         */
         get: function () {
-            return this.i.hy;
+            return this.i.hz;
         },
         set: function (v) {
-            this.i.hy = v;
+            this.i.hz = v;
         },
         enumerable: false,
         configurable: true
@@ -2400,10 +2400,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.hw;
+            return this.i.hx;
         },
         set: function (v) {
-            this.i.hw = v;
+            this.i.hx = v;
         },
         enumerable: false,
         configurable: true
@@ -2413,10 +2413,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.f0;
+            return this.i.f1;
         },
         set: function (v) {
-            this.i.f0 = v;
+            this.i.f1 = v;
         },
         enumerable: false,
         configurable: true
@@ -2426,10 +2426,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.g4;
+            return this.i.g5;
         },
         set: function (v) {
-            this.i.g4 = v;
+            this.i.g5 = v;
         },
         enumerable: false,
         configurable: true
@@ -2439,10 +2439,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the flex-grow setting for the button.
         */
         get: function () {
-            return this.i.g6;
+            return this.i.g7;
         },
         set: function (v) {
-            this.i.g6 = v;
+            this.i.g7 = v;
         },
         enumerable: false,
         configurable: true
@@ -2452,10 +2452,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.fb;
+            return this.i.fc;
         },
         set: function (v) {
-            this.i.fb = v;
+            this.i.fc = v;
         },
         enumerable: false,
         configurable: true
@@ -2465,10 +2465,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets value to use for the checkbox.
         */
         get: function () {
-            return this.i.ee;
+            return this.i.ef;
         },
         set: function (v) {
-            this.i.ee = v;
+            this.i.ef = v;
         },
         enumerable: false,
         configurable: true
@@ -2478,10 +2478,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets name to use for the button.
         */
         get: function () {
-            return this.i.h6;
+            return this.i.h7;
         },
         set: function (v) {
-            this.i.h6 = v;
+            this.i.h7 = v;
         },
         enumerable: false,
         configurable: true
@@ -2491,11 +2491,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.d7;
+            return this.i.d8;
         },
         set: function (v) {
-            this.i.d7 = +v;
-            this._a("tabIndex", this.i.d7);
+            this.i.d8 = +v;
+            this._a("tabIndex", this.i.d8);
         },
         enumerable: false,
         configurable: true
@@ -2505,10 +2505,10 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.fd;
+            return this.i.fe;
         },
         set: function (v) {
-            this.i.fd = v;
+            this.i.fe = v;
         },
         enumerable: false,
         configurable: true
@@ -2519,11 +2519,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * will use an intrinsic size.
         */
         get: function () {
-            return this.i.ay;
+            return this.i.az;
         },
         set: function (v) {
-            this.i.ay = ensureBool(v);
-            this._a("fillAvailableSpace", this.i.ay);
+            this.i.az = ensureBool(v);
+            this._a("fillAvailableSpace", this.i.az);
         },
         enumerable: false,
         configurable: true
@@ -2547,11 +2547,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if the button show use styling to show focus.
         */
         get: function () {
-            return this.i.a2;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a2 = ensureBool(v);
-            this._a("isFocusStyleEnabled", this.i.a2);
+            this.i.a3 = ensureBool(v);
+            this._a("isFocusStyleEnabled", this.i.a3);
         },
         enumerable: false,
         configurable: true
@@ -2561,11 +2561,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether to disable the ripple effect for the button.
         */
         get: function () {
-            return this.i.aw;
+            return this.i.ax;
         },
         set: function (v) {
-            this.i.aw = ensureBool(v);
-            this._a("disableRipple", this.i.aw);
+            this.i.ax = ensureBool(v);
+            this._a("disableRipple", this.i.ax);
         },
         enumerable: false,
         configurable: true
@@ -2575,11 +2575,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether to actually disable the ripple effect for the button.
         */
         get: function () {
-            return this.i.as;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
-            this._a("actualDisableRipple", this.i.as);
+            this.i.at = ensureBool(v);
+            this._a("actualDisableRipple", this.i.at);
         },
         enumerable: false,
         configurable: true
@@ -2589,11 +2589,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether the hover effect is disabled.
         */
         get: function () {
-            return this.i.au;
+            return this.i.av;
         },
         set: function (v) {
-            this.i.au = ensureBool(v);
-            this._a("disableHover", this.i.au);
+            this.i.av = ensureBool(v);
+            this._a("disableHover", this.i.av);
         },
         enumerable: false,
         configurable: true
@@ -2603,11 +2603,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether the checkbox is checked.
         */
         get: function () {
-            return this.i.a3;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.a3 = ensureBool(v);
-            this._a("isHover", this.i.a3);
+            this.i.a4 = ensureBool(v);
+            this._a("isHover", this.i.a4);
         },
         enumerable: false,
         configurable: true
@@ -2631,11 +2631,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether the checkbox transitions are disabled.
         */
         get: function () {
-            return this.i.ax;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.ax = ensureBool(v);
-            this._a("disableTransitions", this.i.ax);
+            this.i.ay = ensureBool(v);
+            this._a("disableTransitions", this.i.ay);
         },
         enumerable: false,
         configurable: true
@@ -2645,11 +2645,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether the cursor will change into a pointer when the button is hovered.
         */
         get: function () {
-            return this.i.av;
+            return this.i.aw;
         },
         set: function (v) {
-            this.i.av = ensureBool(v);
-            this._a("disablePointer", this.i.av);
+            this.i.aw = ensureBool(v);
+            this._a("disablePointer", this.i.aw);
         },
         enumerable: false,
         configurable: true
@@ -2659,11 +2659,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the left padding for the button content.
         */
         get: function () {
-            return this.i.bm;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bm = +v;
-            this._a("contentPaddingLeft", this.i.bm);
+            this.i.bn = +v;
+            this._a("contentPaddingLeft", this.i.bn);
         },
         enumerable: false,
         configurable: true
@@ -2673,11 +2673,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the top padding for the button content.
         */
         get: function () {
-            return this.i.bo;
+            return this.i.bp;
         },
         set: function (v) {
-            this.i.bo = +v;
-            this._a("contentPaddingTop", this.i.bo);
+            this.i.bp = +v;
+            this._a("contentPaddingTop", this.i.bp);
         },
         enumerable: false,
         configurable: true
@@ -2687,11 +2687,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the right padding for the button content.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.bo;
         },
         set: function (v) {
-            this.i.bn = +v;
-            this._a("contentPaddingRight", this.i.bn);
+            this.i.bo = +v;
+            this._a("contentPaddingRight", this.i.bo);
         },
         enumerable: false,
         configurable: true
@@ -2701,33 +2701,33 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the bottom padding for the button content.
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bl = +v;
-            this._a("contentPaddingBottom", this.i.bl);
+            this.i.bm = +v;
+            this._a("contentPaddingBottom", this.i.bm);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "horizontalContentAlignment", {
         get: function () {
-            return this.i.le;
+            return this.i.lj;
         },
         set: function (v) {
-            this.i.le = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("horizontalContentAlignment", enumToString(HorizontalAlignment_$type, this.i.le));
+            this.i.lj = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("horizontalContentAlignment", enumToString(HorizontalAlignment_$type, this.i.lj));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "verticalContentAlignment", {
         get: function () {
-            return this.i.ri;
+            return this.i.rn;
         },
         set: function (v) {
-            this.i.ri = ensureEnum(VerticalAlignment_$type, v);
-            this._a("verticalContentAlignment", enumToString(VerticalAlignment_$type, this.i.ri));
+            this.i.rn = ensureEnum(VerticalAlignment_$type, v);
+            this._a("verticalContentAlignment", enumToString(VerticalAlignment_$type, this.i.rn));
         },
         enumerable: false,
         configurable: true
@@ -2737,11 +2737,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if clicking on the button is allowed to tunnel down to button content.
         */
         get: function () {
-            return this.i.at;
+            return this.i.au;
         },
         set: function (v) {
-            this.i.at = ensureBool(v);
-            this._a("clickTunneling", this.i.at);
+            this.i.au = ensureBool(v);
+            this._a("clickTunneling", this.i.au);
         },
         enumerable: false,
         configurable: true
@@ -2751,11 +2751,11 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether mouse events on the button will bubble up to parent elements.
         */
         get: function () {
-            return this.i.a5;
+            return this.i.a6;
         },
         set: function (v) {
-            this.i.a5 = ensureBool(v);
-            this._a("stopPropagation", this.i.a5);
+            this.i.a6 = ensureBool(v);
+            this._a("stopPropagation", this.i.a6);
         },
         enumerable: false,
         configurable: true
@@ -2836,7 +2836,7 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgcXButtonComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.eb();
+        var iv = this.i.ec();
         return (iv);
     };
     /**
@@ -2844,7 +2844,7 @@ export var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgcXButtonComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.f4();
+        var iv = this.i.f5();
         return (iv);
     };
     Object.defineProperty(IgcXButtonComponent.prototype, "clicked", {