igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.1

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

@@ -1,4 +1,4 @@
-import * as tslib_1 from "tslib";
+import { __extends, __values } from "tslib";
 import { XButton } from "./XButton";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
@@ -13,8 +13,11 @@ import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ElevationMode_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
+import { VerticalAlignment_$type } from "igniteui-webcomponents-core";
+import { IgcFocusEventArgs } from "igniteui-webcomponents-core";
 var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcXButtonComponent, _super);
+    __extends(IgcXButtonComponent, _super);
     function IgcXButtonComponent() {
         var _this = _super.call(this) || this;
         _this._disconnected = false;
@@ -29,6 +32,10 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._inStyling = false;
         _this._clicked = null;
         _this._clicked_wrapped = null;
+        _this._gotFocus = null;
+        _this._gotFocus_wrapped = null;
+        _this._lostFocus = null;
+        _this._lostFocus_wrapped = null;
         if (_this._styling) {
             NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
         }
@@ -54,7 +61,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         var mut = new MutationObserver(function (list) {
             var e_1, _b;
             try {
-                for (var list_1 = tslib_1.__values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
+                for (var list_1 = __values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
                     var mutation = list_1_1.value;
                     if (mutation.type == 'childList') {
                         _this._onChildrenChanged();
@@ -154,7 +161,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         } /**
                                      * @hidden
                                      */,
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent._createFromInternal = function (internal) {
@@ -210,7 +217,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return IgcXButtonComponent._observedAttributesIgcXButtonComponent;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
@@ -233,13 +240,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets the min width to use for the button.
     */
         get: function () {
-            return this.i.bh;
+            return this.i.bu;
         },
         set: function (v) {
-            this.i.bh = +v;
-            this._a("minWidth", this.i.bh);
+            this.i.bu = +v;
+            this._a("minWidth", this.i.bu);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "minHeight", {
@@ -247,13 +254,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the min height to use for the button.
         */
         get: function () {
-            return this.i.bg;
+            return this.i.bt;
         },
         set: function (v) {
-            this.i.bg = +v;
-            this._a("minHeight", this.i.bg);
+            this.i.bt = +v;
+            this._a("minHeight", this.i.bt);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "displayType", {
@@ -267,7 +274,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.e = ensureEnum(ButtonDisplayStyle_$type, v);
             this._a("displayType", enumToString(ButtonDisplayStyle_$type, this.i.e));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "density", {
@@ -275,13 +282,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the display density to use for the button.
         */
         get: function () {
-            return this.i.m;
+            return this.i.r;
         },
         set: function (v) {
-            this.i.m = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.m));
+            this.i.r = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.r));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "baseTheme", {
@@ -289,13 +296,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the base built in theme to use for the button.
         */
         get: function () {
-            return this.i.i;
+            return this.i.n;
         },
         set: function (v) {
-            this.i.i = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.i));
+            this.i.n = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualDensity", {
@@ -303,13 +310,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual display density to use for the label.
         */
         get: function () {
-            return this.i.l;
+            return this.i.q;
         },
         set: function (v) {
-            this.i.l = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.l));
+            this.i.q = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.q));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualBorderColor", {
@@ -317,13 +324,13 @@ 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.na);
+            return brushToString(this.i.ng);
         },
         set: function (v) {
-            this.i.na = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.na));
+            this.i.ng = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.ng));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualUmbraShadowColor", {
@@ -331,13 +338,13 @@ 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.nl);
+            return brushToString(this.i.nr);
         },
         set: function (v) {
-            this.i.nl = stringToBrush(v);
-            this._a("actualUmbraShadowColor", brushToString(this.i.nl));
+            this.i.nr = stringToBrush(v);
+            this._a("actualUmbraShadowColor", brushToString(this.i.nr));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualPenumbraShadowColor", {
@@ -345,13 +352,13 @@ 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.ni);
+            return brushToString(this.i.no);
         },
         set: function (v) {
-            this.i.ni = stringToBrush(v);
-            this._a("actualPenumbraShadowColor", brushToString(this.i.ni));
+            this.i.no = stringToBrush(v);
+            this._a("actualPenumbraShadowColor", brushToString(this.i.no));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualAmbientShadowColor", {
@@ -359,13 +366,13 @@ 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.m8);
+            return brushToString(this.i.ne);
         },
         set: function (v) {
-            this.i.m8 = stringToBrush(v);
-            this._a("actualAmbientShadowColor", brushToString(this.i.m8));
+            this.i.ne = stringToBrush(v);
+            this._a("actualAmbientShadowColor", brushToString(this.i.ne));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualRestingElevation", {
@@ -373,13 +380,13 @@ 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.cg;
+            return this.i.ct;
         },
         set: function (v) {
-            this.i.cg = +v;
-            this._a("actualRestingElevation", this.i.cg);
+            this.i.ct = +v;
+            this._a("actualRestingElevation", this.i.ct);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualFocusElevation", {
@@ -387,13 +394,13 @@ 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.ce;
+            return this.i.cr;
         },
         set: function (v) {
-            this.i.ce = +v;
-            this._a("actualFocusElevation", this.i.ce);
+            this.i.cr = +v;
+            this._a("actualFocusElevation", this.i.cr);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualHoverElevation", {
@@ -401,13 +408,13 @@ 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.cf;
+            return this.i.cs;
         },
         set: function (v) {
-            this.i.cf = +v;
-            this._a("actualHoverElevation", this.i.cf);
+            this.i.cs = +v;
+            this._a("actualHoverElevation", this.i.cs);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualRippleColor", {
@@ -415,85 +422,85 @@ 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.nj);
+            return brushToString(this.i.np);
         },
         set: function (v) {
-            this.i.nj = stringToBrush(v);
-            this._a("actualRippleColor", brushToString(this.i.nj));
+            this.i.np = stringToBrush(v);
+            this._a("actualRippleColor", brushToString(this.i.np));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kd ? this.i.kd.b : NaN;
+            return this.i.kr ? this.i.kr.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kd.b = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.kd.b);
-            this.i.kd = this.i.kd;
+            this.i.kr.b = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.kr.b);
+            this.i.kr = this.i.kr;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kd ? this.i.kd.a : NaN;
+            return this.i.kr ? this.i.kr.a : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kd.a = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.kd.a);
-            this.i.kd = this.i.kd;
+            this.i.kr.a = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.kr.a);
+            this.i.kr = this.i.kr;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kd ? this.i.kd.c : NaN;
+            return this.i.kr ? this.i.kr.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kd.c = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.kd.c);
-            this.i.kd = this.i.kd;
+            this.i.kr.c = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.kr.c);
+            this.i.kr = this.i.kr;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.kd ? this.i.kd.d : NaN;
+            return this.i.kr ? this.i.kr.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.kd.d = +v;
-            this._a("actualCornerRadiusTopRight", this.i.kd.d);
-            this.i.kd = this.i.kd;
+            this.i.kr.d = +v;
+            this._a("actualCornerRadiusTopRight", this.i.kr.d);
+            this.i.kr = this.i.kr;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.kd) {
+        if (this.i.kr) {
             return;
         }
-        this.i.kd = new CornerRadius(2);
+        this.i.kr = new CornerRadius(2);
     };
     Object.defineProperty(IgcXButtonComponent.prototype, "actualBackgroundColor", {
         /**
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.m9);
+            return brushToString(this.i.nf);
         },
         set: function (v) {
-            this.i.m9 = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.m9));
+            this.i.nf = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.nf));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualDisabledBackgroundColor", {
@@ -501,13 +508,13 @@ 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.nb);
+            return brushToString(this.i.nh);
         },
         set: function (v) {
-            this.i.nb = stringToBrush(v);
-            this._a("actualDisabledBackgroundColor", brushToString(this.i.nb));
+            this.i.nh = stringToBrush(v);
+            this._a("actualDisabledBackgroundColor", brushToString(this.i.nh));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualDisabledBorderColor", {
@@ -515,13 +522,13 @@ 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.nc);
+            return brushToString(this.i.ni);
         },
         set: function (v) {
-            this.i.nc = stringToBrush(v);
-            this._a("actualDisabledBorderColor", brushToString(this.i.nc));
+            this.i.ni = stringToBrush(v);
+            this._a("actualDisabledBorderColor", brushToString(this.i.ni));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualDisabledTextColor", {
@@ -529,13 +536,13 @@ 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.nd);
+            return brushToString(this.i.nj);
         },
         set: function (v) {
-            this.i.nd = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.nd));
+            this.i.nj = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.nj));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualDisabledElevation", {
@@ -543,13 +550,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual disabled elevation to use for the button.
         */
         get: function () {
-            return this.i.cd;
+            return this.i.cq;
         },
         set: function (v) {
-            this.i.cd = +v;
-            this._a("actualDisabledElevation", this.i.cd);
+            this.i.cq = +v;
+            this._a("actualDisabledElevation", this.i.cq);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualElevationMode", {
@@ -557,13 +564,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual disabled elevation to use for the button.
         */
         get: function () {
-            return this.i.p;
+            return this.i.u;
         },
         set: function (v) {
-            this.i.p = ensureEnum(ElevationMode_$type, v);
-            this._a("actualElevationMode", enumToString(ElevationMode_$type, this.i.p));
+            this.i.u = ensureEnum(ElevationMode_$type, v);
+            this._a("actualElevationMode", enumToString(ElevationMode_$type, this.i.u));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualTextColor", {
@@ -571,13 +578,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nk);
+            return brushToString(this.i.nq);
         },
         set: function (v) {
-            this.i.nk = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.nk));
+            this.i.nq = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.nq));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualHoverTextColor", {
@@ -585,13 +592,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.nh);
+            return brushToString(this.i.nn);
         },
         set: function (v) {
-            this.i.nh = stringToBrush(v);
-            this._a("actualHoverTextColor", brushToString(this.i.nh));
+            this.i.nn = stringToBrush(v);
+            this._a("actualHoverTextColor", brushToString(this.i.nn));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualFocusBackgroundColor", {
@@ -599,13 +606,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.ne);
+            return brushToString(this.i.nk);
         },
         set: function (v) {
-            this.i.ne = stringToBrush(v);
-            this._a("actualFocusBackgroundColor", brushToString(this.i.ne));
+            this.i.nk = stringToBrush(v);
+            this._a("actualFocusBackgroundColor", brushToString(this.i.nk));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualFocusTextColor", {
@@ -613,13 +620,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the focused text.
         */
         get: function () {
-            return brushToString(this.i.nf);
+            return brushToString(this.i.nl);
         },
         set: function (v) {
-            this.i.nf = stringToBrush(v);
-            this._a("actualFocusTextColor", brushToString(this.i.nf));
+            this.i.nl = stringToBrush(v);
+            this._a("actualFocusTextColor", brushToString(this.i.nl));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualHoverBackgroundColor", {
@@ -627,13 +634,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the hover color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.ng);
+            return brushToString(this.i.nm);
         },
         set: function (v) {
-            this.i.ng = stringToBrush(v);
-            this._a("actualHoverBackgroundColor", brushToString(this.i.ng));
+            this.i.nm = stringToBrush(v);
+            this._a("actualHoverBackgroundColor", brushToString(this.i.nm));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualBorderWidth", {
@@ -641,13 +648,13 @@ 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.aw;
+            return this.i.bf;
         },
         set: function (v) {
-            this.i.aw = +v;
-            this._a("actualBorderWidth", this.i.aw);
+            this.i.bf = +v;
+            this._a("actualBorderWidth", this.i.bf);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedBackgroundColor", {
@@ -655,13 +662,13 @@ 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.tx);
+            return brushToString(this.i.qv);
         },
         set: function (v) {
-            this.i.tx = stringToBrush(v);
-            this._a("raisedBackgroundColor", brushToString(this.i.tx));
+            this.i.qv = stringToBrush(v);
+            this._a("raisedBackgroundColor", brushToString(this.i.qv));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedDisabledBackgroundColor", {
@@ -669,13 +676,13 @@ 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.tz);
+            return brushToString(this.i.qx);
         },
         set: function (v) {
-            this.i.tz = stringToBrush(v);
-            this._a("raisedDisabledBackgroundColor", brushToString(this.i.tz));
+            this.i.qx = stringToBrush(v);
+            this._a("raisedDisabledBackgroundColor", brushToString(this.i.qx));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedDisabledBorderColor", {
@@ -683,13 +690,13 @@ 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.t0);
+            return brushToString(this.i.qy);
         },
         set: function (v) {
-            this.i.t0 = stringToBrush(v);
-            this._a("raisedDisabledBorderColor", brushToString(this.i.t0));
+            this.i.qy = stringToBrush(v);
+            this._a("raisedDisabledBorderColor", brushToString(this.i.qy));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedDisabledTextColor", {
@@ -697,13 +704,13 @@ 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.t1);
+            return brushToString(this.i.qz);
         },
         set: function (v) {
-            this.i.t1 = stringToBrush(v);
-            this._a("raisedDisabledTextColor", brushToString(this.i.t1));
+            this.i.qz = stringToBrush(v);
+            this._a("raisedDisabledTextColor", brushToString(this.i.qz));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedDisabledElevation", {
@@ -711,13 +718,13 @@ 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.ep;
+            return this.i.dy;
         },
         set: function (v) {
-            this.i.ep = +v;
-            this._a("raisedDisabledElevation", this.i.ep);
+            this.i.dy = +v;
+            this._a("raisedDisabledElevation", this.i.dy);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedHoverBackgroundColor", {
@@ -725,13 +732,13 @@ 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.t4);
+            return brushToString(this.i.q2);
         },
         set: function (v) {
-            this.i.t4 = stringToBrush(v);
-            this._a("raisedHoverBackgroundColor", brushToString(this.i.t4));
+            this.i.q2 = stringToBrush(v);
+            this._a("raisedHoverBackgroundColor", brushToString(this.i.q2));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedBorderColor", {
@@ -739,13 +746,13 @@ 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.ty);
+            return brushToString(this.i.qw);
         },
         set: function (v) {
-            this.i.ty = stringToBrush(v);
-            this._a("raisedBorderColor", brushToString(this.i.ty));
+            this.i.qw = stringToBrush(v);
+            this._a("raisedBorderColor", brushToString(this.i.qw));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedRestingElevation", {
@@ -753,13 +760,13 @@ 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.es;
+            return this.i.d1;
         },
         set: function (v) {
-            this.i.es = +v;
-            this._a("raisedRestingElevation", this.i.es);
+            this.i.d1 = +v;
+            this._a("raisedRestingElevation", this.i.d1);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedHoverElevation", {
@@ -767,13 +774,13 @@ 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.er;
+            return this.i.d0;
         },
         set: function (v) {
-            this.i.er = +v;
-            this._a("raisedHoverElevation", this.i.er);
+            this.i.d0 = +v;
+            this._a("raisedHoverElevation", this.i.d0);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedFocusElevation", {
@@ -781,13 +788,13 @@ 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.eq;
+            return this.i.dz;
         },
         set: function (v) {
-            this.i.eq = +v;
-            this._a("raisedFocusElevation", this.i.eq);
+            this.i.dz = +v;
+            this._a("raisedFocusElevation", this.i.dz);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedBorderWidth", {
@@ -795,85 +802,85 @@ 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.bj;
+            return this.i.bw;
         },
         set: function (v) {
-            this.i.bj = +v;
-            this._a("raisedBorderWidth", this.i.bj);
+            this.i.bw = +v;
+            this._a("raisedBorderWidth", this.i.bw);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kz ? this.i.kz.b : NaN;
+            return this.i.k3 ? this.i.k3.b : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.kz.b = +v;
-            this._a("raisedCornerRadiusBottomRight", this.i.kz.b);
-            this.i.kz = this.i.kz;
+            this.i.k3.b = +v;
+            this._a("raisedCornerRadiusBottomRight", this.i.k3.b);
+            this.i.k3 = this.i.k3;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kz ? this.i.kz.a : NaN;
+            return this.i.k3 ? this.i.k3.a : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.kz.a = +v;
-            this._a("raisedCornerRadiusBottomLeft", this.i.kz.a);
-            this.i.kz = this.i.kz;
+            this.i.k3.a = +v;
+            this._a("raisedCornerRadiusBottomLeft", this.i.k3.a);
+            this.i.k3 = this.i.k3;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kz ? this.i.kz.c : NaN;
+            return this.i.k3 ? this.i.k3.c : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.kz.c = +v;
-            this._a("raisedCornerRadiusTopLeft", this.i.kz.c);
-            this.i.kz = this.i.kz;
+            this.i.k3.c = +v;
+            this._a("raisedCornerRadiusTopLeft", this.i.k3.c);
+            this.i.k3 = this.i.k3;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedCornerRadiusTopRight", {
         get: function () {
-            return this.i.kz ? this.i.kz.d : NaN;
+            return this.i.k3 ? this.i.k3.d : NaN;
         },
         set: function (v) {
             this.ensureRaisedCornerRadius();
-            this.i.kz.d = +v;
-            this._a("raisedCornerRadiusTopRight", this.i.kz.d);
-            this.i.kz = this.i.kz;
+            this.i.k3.d = +v;
+            this._a("raisedCornerRadiusTopRight", this.i.k3.d);
+            this.i.k3 = this.i.k3;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureRaisedCornerRadius = function () {
-        if (this.i.kz) {
+        if (this.i.k3) {
             return;
         }
-        this.i.kz = new CornerRadius(2);
+        this.i.k3 = 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.t6);
+            return brushToString(this.i.q4);
         },
         set: function (v) {
-            this.i.t6 = stringToBrush(v);
-            this._a("raisedRippleColor", brushToString(this.i.t6));
+            this.i.q4 = stringToBrush(v);
+            this._a("raisedRippleColor", brushToString(this.i.q4));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatBackgroundColor", {
@@ -881,13 +888,13 @@ 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.sw);
+            return brushToString(this.i.pu);
         },
         set: function (v) {
-            this.i.sw = stringToBrush(v);
-            this._a("flatBackgroundColor", brushToString(this.i.sw));
+            this.i.pu = stringToBrush(v);
+            this._a("flatBackgroundColor", brushToString(this.i.pu));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatDisabledBackgroundColor", {
@@ -895,13 +902,13 @@ 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.sy);
+            return brushToString(this.i.pw);
         },
         set: function (v) {
-            this.i.sy = stringToBrush(v);
-            this._a("flatDisabledBackgroundColor", brushToString(this.i.sy));
+            this.i.pw = stringToBrush(v);
+            this._a("flatDisabledBackgroundColor", brushToString(this.i.pw));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatDisabledBorderColor", {
@@ -909,13 +916,13 @@ 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.sz);
+            return brushToString(this.i.px);
         },
         set: function (v) {
-            this.i.sz = stringToBrush(v);
-            this._a("flatDisabledBorderColor", brushToString(this.i.sz));
+            this.i.px = stringToBrush(v);
+            this._a("flatDisabledBorderColor", brushToString(this.i.px));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatDisabledTextColor", {
@@ -923,13 +930,13 @@ 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.s0);
+            return brushToString(this.i.py);
         },
         set: function (v) {
-            this.i.s0 = stringToBrush(v);
-            this._a("flatDisabledTextColor", brushToString(this.i.s0));
+            this.i.py = stringToBrush(v);
+            this._a("flatDisabledTextColor", brushToString(this.i.py));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatDisabledElevation", {
@@ -937,13 +944,13 @@ 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.eb;
+            return this.i.dj;
         },
         set: function (v) {
-            this.i.eb = +v;
-            this._a("flatDisabledElevation", this.i.eb);
+            this.i.dj = +v;
+            this._a("flatDisabledElevation", this.i.dj);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatHoverBackgroundColor", {
@@ -951,13 +958,13 @@ 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.s3);
+            return brushToString(this.i.p1);
         },
         set: function (v) {
-            this.i.s3 = stringToBrush(v);
-            this._a("flatHoverBackgroundColor", brushToString(this.i.s3));
+            this.i.p1 = stringToBrush(v);
+            this._a("flatHoverBackgroundColor", brushToString(this.i.p1));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatBorderColor", {
@@ -965,13 +972,13 @@ 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.sx);
+            return brushToString(this.i.pv);
         },
         set: function (v) {
-            this.i.sx = stringToBrush(v);
-            this._a("flatBorderColor", brushToString(this.i.sx));
+            this.i.pv = stringToBrush(v);
+            this._a("flatBorderColor", brushToString(this.i.pv));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatRestingElevation", {
@@ -979,13 +986,13 @@ 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.ee;
+            return this.i.dm;
         },
         set: function (v) {
-            this.i.ee = +v;
-            this._a("flatRestingElevation", this.i.ee);
+            this.i.dm = +v;
+            this._a("flatRestingElevation", this.i.dm);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatHoverElevation", {
@@ -993,13 +1000,13 @@ 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.ed;
+            return this.i.dl;
         },
         set: function (v) {
-            this.i.ed = +v;
-            this._a("flatHoverElevation", this.i.ed);
+            this.i.dl = +v;
+            this._a("flatHoverElevation", this.i.dl);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatFocusElevation", {
@@ -1007,13 +1014,13 @@ 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.ec;
+            return this.i.dk;
         },
         set: function (v) {
-            this.i.ec = +v;
-            this._a("flatFocusElevation", this.i.ec);
+            this.i.dk = +v;
+            this._a("flatFocusElevation", this.i.dk);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatRippleColor", {
@@ -1021,13 +1028,13 @@ 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.s5);
+            return brushToString(this.i.p3);
         },
         set: function (v) {
-            this.i.s5 = stringToBrush(v);
-            this._a("flatRippleColor", brushToString(this.i.s5));
+            this.i.p3 = stringToBrush(v);
+            this._a("flatRippleColor", brushToString(this.i.p3));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatTextColor", {
@@ -1035,13 +1042,13 @@ 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.s6);
+            return brushToString(this.i.p4);
         },
         set: function (v) {
-            this.i.s6 = stringToBrush(v);
-            this._a("flatTextColor", brushToString(this.i.s6));
+            this.i.p4 = stringToBrush(v);
+            this._a("flatTextColor", brushToString(this.i.p4));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatHoverTextColor", {
@@ -1049,13 +1056,13 @@ 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.s4);
+            return brushToString(this.i.p2);
         },
         set: function (v) {
-            this.i.s4 = stringToBrush(v);
-            this._a("flatHoverTextColor", brushToString(this.i.s4));
+            this.i.p2 = stringToBrush(v);
+            this._a("flatHoverTextColor", brushToString(this.i.p2));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatFocusBackgroundColor", {
@@ -1063,13 +1070,13 @@ 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.s1);
+            return brushToString(this.i.pz);
         },
         set: function (v) {
-            this.i.s1 = stringToBrush(v);
-            this._a("flatFocusBackgroundColor", brushToString(this.i.s1));
+            this.i.pz = stringToBrush(v);
+            this._a("flatFocusBackgroundColor", brushToString(this.i.pz));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatFocusTextColor", {
@@ -1077,13 +1084,13 @@ 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.s2);
+            return brushToString(this.i.p0);
         },
         set: function (v) {
-            this.i.s2 = stringToBrush(v);
-            this._a("flatFocusTextColor", brushToString(this.i.s2));
+            this.i.p0 = stringToBrush(v);
+            this._a("flatFocusTextColor", brushToString(this.i.p0));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatBorderWidth", {
@@ -1091,85 +1098,85 @@ 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.be;
+            return this.i.br;
         },
         set: function (v) {
-            this.i.be = +v;
-            this._a("flatBorderWidth", this.i.be);
+            this.i.br = +v;
+            this._a("flatBorderWidth", this.i.br);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kw ? this.i.kw.b : NaN;
+            return this.i.k0 ? this.i.k0.b : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kw.b = +v;
-            this._a("flatCornerRadiusBottomRight", this.i.kw.b);
-            this.i.kw = this.i.kw;
+            this.i.k0.b = +v;
+            this._a("flatCornerRadiusBottomRight", this.i.k0.b);
+            this.i.k0 = this.i.k0;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kw ? this.i.kw.a : NaN;
+            return this.i.k0 ? this.i.k0.a : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kw.a = +v;
-            this._a("flatCornerRadiusBottomLeft", this.i.kw.a);
-            this.i.kw = this.i.kw;
+            this.i.k0.a = +v;
+            this._a("flatCornerRadiusBottomLeft", this.i.k0.a);
+            this.i.k0 = this.i.k0;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kw ? this.i.kw.c : NaN;
+            return this.i.k0 ? this.i.k0.c : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kw.c = +v;
-            this._a("flatCornerRadiusTopLeft", this.i.kw.c);
-            this.i.kw = this.i.kw;
+            this.i.k0.c = +v;
+            this._a("flatCornerRadiusTopLeft", this.i.k0.c);
+            this.i.k0 = this.i.k0;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flatCornerRadiusTopRight", {
         get: function () {
-            return this.i.kw ? this.i.kw.d : NaN;
+            return this.i.k0 ? this.i.k0.d : NaN;
         },
         set: function (v) {
             this.ensureFlatCornerRadius();
-            this.i.kw.d = +v;
-            this._a("flatCornerRadiusTopRight", this.i.kw.d);
-            this.i.kw = this.i.kw;
+            this.i.k0.d = +v;
+            this._a("flatCornerRadiusTopRight", this.i.k0.d);
+            this.i.k0 = this.i.k0;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureFlatCornerRadius = function () {
-        if (this.i.kw) {
+        if (this.i.k0) {
             return;
         }
-        this.i.kw = new CornerRadius(2);
+        this.i.k0 = 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.nm);
+            return brushToString(this.i.ns);
         },
         set: function (v) {
-            this.i.nm = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.nm));
+            this.i.ns = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.ns));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "disabledBackgroundColor", {
@@ -1177,13 +1184,13 @@ 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.si);
+            return brushToString(this.i.pg);
         },
         set: function (v) {
-            this.i.si = stringToBrush(v);
-            this._a("disabledBackgroundColor", brushToString(this.i.si));
+            this.i.pg = stringToBrush(v);
+            this._a("disabledBackgroundColor", brushToString(this.i.pg));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "disabledBorderColor", {
@@ -1191,13 +1198,13 @@ 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.sj);
+            return brushToString(this.i.ph);
         },
         set: function (v) {
-            this.i.sj = stringToBrush(v);
-            this._a("disabledBorderColor", brushToString(this.i.sj));
+            this.i.ph = stringToBrush(v);
+            this._a("disabledBorderColor", brushToString(this.i.ph));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "disabledTextColor", {
@@ -1205,13 +1212,13 @@ 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.sk);
+            return brushToString(this.i.pi);
         },
         set: function (v) {
-            this.i.sk = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.sk));
+            this.i.pi = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.pi));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "disabledElevation", {
@@ -1219,13 +1226,13 @@ 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.d6;
+            return this.i.de;
         },
         set: function (v) {
-            this.i.d6 = +v;
-            this._a("disabledElevation", this.i.d6);
+            this.i.de = +v;
+            this._a("disabledElevation", this.i.de);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "elevationMode", {
@@ -1233,13 +1240,13 @@ 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.t;
+            return this.i.w;
         },
         set: function (v) {
-            this.i.t = ensureEnum(ElevationMode_$type, v);
-            this._a("elevationMode", enumToString(ElevationMode_$type, this.i.t));
+            this.i.w = ensureEnum(ElevationMode_$type, v);
+            this._a("elevationMode", enumToString(ElevationMode_$type, this.i.w));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "hoverBackgroundColor", {
@@ -1247,13 +1254,13 @@ 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.s9);
+            return brushToString(this.i.p7);
         },
         set: function (v) {
-            this.i.s9 = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.s9));
+            this.i.p7 = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.p7));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "borderColor", {
@@ -1261,13 +1268,13 @@ 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.nn);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.nn = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.nn));
+            this.i.nt = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.nt));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "restingElevation", {
@@ -1275,13 +1282,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the elevation to use for the button regardless of type.
         */
         get: function () {
-            return this.i.et;
+            return this.i.d2;
         },
         set: function (v) {
-            this.i.et = +v;
-            this._a("restingElevation", this.i.et);
+            this.i.d2 = +v;
+            this._a("restingElevation", this.i.d2);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "hoverElevation", {
@@ -1289,13 +1296,13 @@ 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.eg;
+            return this.i.dp;
         },
         set: function (v) {
-            this.i.eg = +v;
-            this._a("hoverElevation", this.i.eg);
+            this.i.dp = +v;
+            this._a("hoverElevation", this.i.dp);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "focusElevation", {
@@ -1303,13 +1310,13 @@ 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.ef;
+            return this.i.dn;
         },
         set: function (v) {
-            this.i.ef = +v;
-            this._a("focusElevation", this.i.ef);
+            this.i.dn = +v;
+            this._a("focusElevation", this.i.dn);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "textStyle", {
@@ -1317,18 +1324,18 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the use for the button.
         */
         get: function () {
-            if (this.i.v == null) {
+            if (this.i.aa == null) {
                 return null;
             }
-            return this.i.v.fontString;
+            return this.i.aa.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.v = fi;
-            this._a("textStyle", this.i.v != null ? this.i.v.fontString : "");
+            this.i.aa = fi;
+            this._a("textStyle", this.i.aa != null ? this.i.aa.fontString : "");
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "textColor", {
@@ -1336,13 +1343,13 @@ 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.t9);
+            return brushToString(this.i.q7);
         },
         set: function (v) {
-            this.i.t9 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.t9));
+            this.i.q7 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.q7));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "hoverTextColor", {
@@ -1350,13 +1357,13 @@ 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.ta);
+            return brushToString(this.i.p8);
         },
         set: function (v) {
-            this.i.ta = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.ta));
+            this.i.p8 = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.p8));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "rippleColor", {
@@ -1364,13 +1371,13 @@ 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.t8);
+            return brushToString(this.i.q6);
         },
         set: function (v) {
-            this.i.t8 = stringToBrush(v);
-            this._a("rippleColor", brushToString(this.i.t8));
+            this.i.q6 = stringToBrush(v);
+            this._a("rippleColor", brushToString(this.i.q6));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedTextColor", {
@@ -1378,13 +1385,13 @@ 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.t7);
+            return brushToString(this.i.q5);
         },
         set: function (v) {
-            this.i.t7 = stringToBrush(v);
-            this._a("raisedTextColor", brushToString(this.i.t7));
+            this.i.q5 = stringToBrush(v);
+            this._a("raisedTextColor", brushToString(this.i.q5));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedHoverTextColor", {
@@ -1392,13 +1399,13 @@ 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.t5);
+            return brushToString(this.i.q3);
         },
         set: function (v) {
-            this.i.t5 = stringToBrush(v);
-            this._a("raisedHoverTextColor", brushToString(this.i.t5));
+            this.i.q3 = stringToBrush(v);
+            this._a("raisedHoverTextColor", brushToString(this.i.q3));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedFocusBackgroundColor", {
@@ -1406,13 +1413,13 @@ 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.t2);
+            return brushToString(this.i.q0);
         },
         set: function (v) {
-            this.i.t2 = stringToBrush(v);
-            this._a("raisedFocusBackgroundColor", brushToString(this.i.t2));
+            this.i.q0 = stringToBrush(v);
+            this._a("raisedFocusBackgroundColor", brushToString(this.i.q0));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "raisedFocusTextColor", {
@@ -1420,13 +1427,13 @@ 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.t3);
+            return brushToString(this.i.q1);
         },
         set: function (v) {
-            this.i.t3 = stringToBrush(v);
-            this._a("raisedFocusTextColor", brushToString(this.i.t3));
+            this.i.q1 = stringToBrush(v);
+            this._a("raisedFocusTextColor", brushToString(this.i.q1));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "focusBackgroundColor", {
@@ -1434,13 +1441,13 @@ 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.s7);
+            return brushToString(this.i.p5);
         },
         set: function (v) {
-            this.i.s7 = stringToBrush(v);
-            this._a("focusBackgroundColor", brushToString(this.i.s7));
+            this.i.p5 = stringToBrush(v);
+            this._a("focusBackgroundColor", brushToString(this.i.p5));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "focusTextColor", {
@@ -1448,13 +1455,13 @@ 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.s8);
+            return brushToString(this.i.p6);
         },
         set: function (v) {
-            this.i.s8 = stringToBrush(v);
-            this._a("focusTextColor", brushToString(this.i.s8));
+            this.i.p6 = stringToBrush(v);
+            this._a("focusTextColor", brushToString(this.i.p6));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "borderWidth", {
@@ -1462,85 +1469,85 @@ 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.ax;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.ax = +v;
-            this._a("borderWidth", this.i.ax);
+            this.i.bg = +v;
+            this._a("borderWidth", this.i.bg);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.kf ? this.i.kf.b : NaN;
+            return this.i.kt ? this.i.kt.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kf.b = +v;
-            this._a("cornerRadiusBottomRight", this.i.kf.b);
-            this.i.kf = this.i.kf;
+            this.i.kt.b = +v;
+            this._a("cornerRadiusBottomRight", this.i.kt.b);
+            this.i.kt = this.i.kt;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kf ? this.i.kf.a : NaN;
+            return this.i.kt ? this.i.kt.a : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kf.a = +v;
-            this._a("cornerRadiusBottomLeft", this.i.kf.a);
-            this.i.kf = this.i.kf;
+            this.i.kt.a = +v;
+            this._a("cornerRadiusBottomLeft", this.i.kt.a);
+            this.i.kt = this.i.kt;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.kf ? this.i.kf.c : NaN;
+            return this.i.kt ? this.i.kt.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kf.c = +v;
-            this._a("cornerRadiusTopLeft", this.i.kf.c);
-            this.i.kf = this.i.kf;
+            this.i.kt.c = +v;
+            this._a("cornerRadiusTopLeft", this.i.kt.c);
+            this.i.kt = this.i.kt;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.kf ? this.i.kf.d : NaN;
+            return this.i.kt ? this.i.kt.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.kf.d = +v;
-            this._a("cornerRadiusTopRight", this.i.kf.d);
-            this.i.kf = this.i.kf;
+            this.i.kt.d = +v;
+            this._a("cornerRadiusTopRight", this.i.kt.d);
+            this.i.kt = this.i.kt;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.kf) {
+        if (this.i.kt) {
             return;
         }
-        this.i.kf = new CornerRadius(2);
+        this.i.kt = 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.tm);
+            return brushToString(this.i.qk);
         },
         set: function (v) {
-            this.i.tm = stringToBrush(v);
-            this._a("outlinedBackgroundColor", brushToString(this.i.tm));
+            this.i.qk = stringToBrush(v);
+            this._a("outlinedBackgroundColor", brushToString(this.i.qk));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedDisabledBackgroundColor", {
@@ -1548,13 +1555,13 @@ 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.to);
+            return brushToString(this.i.qm);
         },
         set: function (v) {
-            this.i.to = stringToBrush(v);
-            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.to));
+            this.i.qm = stringToBrush(v);
+            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.qm));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedDisabledBorderColor", {
@@ -1562,13 +1569,13 @@ 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.tp);
+            return brushToString(this.i.qn);
         },
         set: function (v) {
-            this.i.tp = stringToBrush(v);
-            this._a("outlinedDisabledBorderColor", brushToString(this.i.tp));
+            this.i.qn = stringToBrush(v);
+            this._a("outlinedDisabledBorderColor", brushToString(this.i.qn));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedDisabledTextColor", {
@@ -1576,13 +1583,13 @@ 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.tq);
+            return brushToString(this.i.qo);
         },
         set: function (v) {
-            this.i.tq = stringToBrush(v);
-            this._a("outlinedDisabledTextColor", brushToString(this.i.tq));
+            this.i.qo = stringToBrush(v);
+            this._a("outlinedDisabledTextColor", brushToString(this.i.qo));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedDisabledElevation", {
@@ -1590,13 +1597,13 @@ 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.el;
+            return this.i.du;
         },
         set: function (v) {
-            this.i.el = +v;
-            this._a("outlinedDisabledElevation", this.i.el);
+            this.i.du = +v;
+            this._a("outlinedDisabledElevation", this.i.du);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedHoverBackgroundColor", {
@@ -1604,13 +1611,13 @@ 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.tt);
+            return brushToString(this.i.qr);
         },
         set: function (v) {
-            this.i.tt = stringToBrush(v);
-            this._a("outlinedHoverBackgroundColor", brushToString(this.i.tt));
+            this.i.qr = stringToBrush(v);
+            this._a("outlinedHoverBackgroundColor", brushToString(this.i.qr));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedBorderColor", {
@@ -1618,13 +1625,13 @@ 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.tn);
+            return brushToString(this.i.ql);
         },
         set: function (v) {
-            this.i.tn = stringToBrush(v);
-            this._a("outlinedBorderColor", brushToString(this.i.tn));
+            this.i.ql = stringToBrush(v);
+            this._a("outlinedBorderColor", brushToString(this.i.ql));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedRestingElevation", {
@@ -1632,13 +1639,13 @@ 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.eo;
+            return this.i.dx;
         },
         set: function (v) {
-            this.i.eo = +v;
-            this._a("outlinedRestingElevation", this.i.eo);
+            this.i.dx = +v;
+            this._a("outlinedRestingElevation", this.i.dx);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedHoverElevation", {
@@ -1646,13 +1653,13 @@ 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.en;
+            return this.i.dw;
         },
         set: function (v) {
-            this.i.en = +v;
-            this._a("outlinedHoverElevation", this.i.en);
+            this.i.dw = +v;
+            this._a("outlinedHoverElevation", this.i.dw);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedFocusElevation", {
@@ -1660,13 +1667,13 @@ 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.em;
+            return this.i.dv;
         },
         set: function (v) {
-            this.i.em = +v;
-            this._a("outlinedFocusElevation", this.i.em);
+            this.i.dv = +v;
+            this._a("outlinedFocusElevation", this.i.dv);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedBorderWidth", {
@@ -1674,85 +1681,85 @@ 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.bi;
+            return this.i.bv;
         },
         set: function (v) {
-            this.i.bi = +v;
-            this._a("outlinedBorderWidth", this.i.bi);
+            this.i.bv = +v;
+            this._a("outlinedBorderWidth", this.i.bv);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusBottomRight", {
         get: function () {
-            return this.i.ky ? this.i.ky.b : NaN;
+            return this.i.k2 ? this.i.k2.b : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.ky.b = +v;
-            this._a("outlinedCornerRadiusBottomRight", this.i.ky.b);
-            this.i.ky = this.i.ky;
+            this.i.k2.b = +v;
+            this._a("outlinedCornerRadiusBottomRight", this.i.k2.b);
+            this.i.k2 = this.i.k2;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.ky ? this.i.ky.a : NaN;
+            return this.i.k2 ? this.i.k2.a : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.ky.a = +v;
-            this._a("outlinedCornerRadiusBottomLeft", this.i.ky.a);
-            this.i.ky = this.i.ky;
+            this.i.k2.a = +v;
+            this._a("outlinedCornerRadiusBottomLeft", this.i.k2.a);
+            this.i.k2 = this.i.k2;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusTopLeft", {
         get: function () {
-            return this.i.ky ? this.i.ky.c : NaN;
+            return this.i.k2 ? this.i.k2.c : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.ky.c = +v;
-            this._a("outlinedCornerRadiusTopLeft", this.i.ky.c);
-            this.i.ky = this.i.ky;
+            this.i.k2.c = +v;
+            this._a("outlinedCornerRadiusTopLeft", this.i.k2.c);
+            this.i.k2 = this.i.k2;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedCornerRadiusTopRight", {
         get: function () {
-            return this.i.ky ? this.i.ky.d : NaN;
+            return this.i.k2 ? this.i.k2.d : NaN;
         },
         set: function (v) {
             this.ensureOutlinedCornerRadius();
-            this.i.ky.d = +v;
-            this._a("outlinedCornerRadiusTopRight", this.i.ky.d);
-            this.i.ky = this.i.ky;
+            this.i.k2.d = +v;
+            this._a("outlinedCornerRadiusTopRight", this.i.k2.d);
+            this.i.k2 = this.i.k2;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureOutlinedCornerRadius = function () {
-        if (this.i.ky) {
+        if (this.i.k2) {
             return;
         }
-        this.i.ky = new CornerRadius(2);
+        this.i.k2 = 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.tv);
+            return brushToString(this.i.qt);
         },
         set: function (v) {
-            this.i.tv = stringToBrush(v);
-            this._a("outlinedRippleColor", brushToString(this.i.tv));
+            this.i.qt = stringToBrush(v);
+            this._a("outlinedRippleColor", brushToString(this.i.qt));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedTextColor", {
@@ -1760,13 +1767,13 @@ 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.tw);
+            return brushToString(this.i.qu);
         },
         set: function (v) {
-            this.i.tw = stringToBrush(v);
-            this._a("outlinedTextColor", brushToString(this.i.tw));
+            this.i.qu = stringToBrush(v);
+            this._a("outlinedTextColor", brushToString(this.i.qu));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedHoverTextColor", {
@@ -1774,13 +1781,13 @@ 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.tu);
+            return brushToString(this.i.qs);
         },
         set: function (v) {
-            this.i.tu = stringToBrush(v);
-            this._a("outlinedHoverTextColor", brushToString(this.i.tu));
+            this.i.qs = stringToBrush(v);
+            this._a("outlinedHoverTextColor", brushToString(this.i.qs));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedFocusBackgroundColor", {
@@ -1788,13 +1795,13 @@ 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.tr);
+            return brushToString(this.i.qp);
         },
         set: function (v) {
-            this.i.tr = stringToBrush(v);
-            this._a("outlinedFocusBackgroundColor", brushToString(this.i.tr));
+            this.i.qp = stringToBrush(v);
+            this._a("outlinedFocusBackgroundColor", brushToString(this.i.qp));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "outlinedFocusTextColor", {
@@ -1802,13 +1809,13 @@ 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.ts);
+            return brushToString(this.i.qq);
         },
         set: function (v) {
-            this.i.ts = stringToBrush(v);
-            this._a("outlinedFocusTextColor", brushToString(this.i.ts));
+            this.i.qq = stringToBrush(v);
+            this._a("outlinedFocusTextColor", brushToString(this.i.qq));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabBackgroundColor", {
@@ -1816,13 +1823,13 @@ 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.sl);
+            return brushToString(this.i.pj);
         },
         set: function (v) {
-            this.i.sl = stringToBrush(v);
-            this._a("fabBackgroundColor", brushToString(this.i.sl));
+            this.i.pj = stringToBrush(v);
+            this._a("fabBackgroundColor", brushToString(this.i.pj));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabDisabledBackgroundColor", {
@@ -1830,13 +1837,13 @@ 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.sn);
+            return brushToString(this.i.pl);
         },
         set: function (v) {
-            this.i.sn = stringToBrush(v);
-            this._a("fabDisabledBackgroundColor", brushToString(this.i.sn));
+            this.i.pl = stringToBrush(v);
+            this._a("fabDisabledBackgroundColor", brushToString(this.i.pl));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabDisabledBorderColor", {
@@ -1844,13 +1851,13 @@ 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.so);
+            return brushToString(this.i.pm);
         },
         set: function (v) {
-            this.i.so = stringToBrush(v);
-            this._a("fabDisabledBorderColor", brushToString(this.i.so));
+            this.i.pm = stringToBrush(v);
+            this._a("fabDisabledBorderColor", brushToString(this.i.pm));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabDisabledTextColor", {
@@ -1858,13 +1865,13 @@ 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.sp);
+            return brushToString(this.i.pn);
         },
         set: function (v) {
-            this.i.sp = stringToBrush(v);
-            this._a("fabDisabledTextColor", brushToString(this.i.sp));
+            this.i.pn = stringToBrush(v);
+            this._a("fabDisabledTextColor", brushToString(this.i.pn));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabDisabledElevation", {
@@ -1872,13 +1879,13 @@ 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.d7;
+            return this.i.df;
         },
         set: function (v) {
-            this.i.d7 = +v;
-            this._a("fabDisabledElevation", this.i.d7);
+            this.i.df = +v;
+            this._a("fabDisabledElevation", this.i.df);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabHoverBackgroundColor", {
@@ -1886,13 +1893,13 @@ 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.ss);
+            return brushToString(this.i.pq);
         },
         set: function (v) {
-            this.i.ss = stringToBrush(v);
-            this._a("fabHoverBackgroundColor", brushToString(this.i.ss));
+            this.i.pq = stringToBrush(v);
+            this._a("fabHoverBackgroundColor", brushToString(this.i.pq));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabBorderColor", {
@@ -1900,13 +1907,13 @@ 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.sm);
+            return brushToString(this.i.pk);
         },
         set: function (v) {
-            this.i.sm = stringToBrush(v);
-            this._a("fabBorderColor", brushToString(this.i.sm));
+            this.i.pk = stringToBrush(v);
+            this._a("fabBorderColor", brushToString(this.i.pk));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabRestingElevation", {
@@ -1914,13 +1921,13 @@ 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.ea;
+            return this.i.di;
         },
         set: function (v) {
-            this.i.ea = +v;
-            this._a("fabRestingElevation", this.i.ea);
+            this.i.di = +v;
+            this._a("fabRestingElevation", this.i.di);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabHoverElevation", {
@@ -1928,13 +1935,13 @@ 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.d9;
+            return this.i.dh;
         },
         set: function (v) {
-            this.i.d9 = +v;
-            this._a("fabHoverElevation", this.i.d9);
+            this.i.dh = +v;
+            this._a("fabHoverElevation", this.i.dh);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabFocusElevation", {
@@ -1942,13 +1949,13 @@ 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.d8;
+            return this.i.dg;
         },
         set: function (v) {
-            this.i.d8 = +v;
-            this._a("fabFocusElevation", this.i.d8);
+            this.i.dg = +v;
+            this._a("fabFocusElevation", this.i.dg);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabBorderWidth", {
@@ -1956,85 +1963,85 @@ 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.bd;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bd = +v;
-            this._a("fabBorderWidth", this.i.bd);
+            this.i.bq = +v;
+            this._a("fabBorderWidth", this.i.bq);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kv ? this.i.kv.b : NaN;
+            return this.i.kz ? this.i.kz.b : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kv.b = +v;
-            this._a("fabCornerRadiusBottomRight", this.i.kv.b);
-            this.i.kv = this.i.kv;
+            this.i.kz.b = +v;
+            this._a("fabCornerRadiusBottomRight", this.i.kz.b);
+            this.i.kz = this.i.kz;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kv ? this.i.kv.a : NaN;
+            return this.i.kz ? this.i.kz.a : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kv.a = +v;
-            this._a("fabCornerRadiusBottomLeft", this.i.kv.a);
-            this.i.kv = this.i.kv;
+            this.i.kz.a = +v;
+            this._a("fabCornerRadiusBottomLeft", this.i.kz.a);
+            this.i.kz = this.i.kz;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kv ? this.i.kv.c : NaN;
+            return this.i.kz ? this.i.kz.c : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kv.c = +v;
-            this._a("fabCornerRadiusTopLeft", this.i.kv.c);
-            this.i.kv = this.i.kv;
+            this.i.kz.c = +v;
+            this._a("fabCornerRadiusTopLeft", this.i.kz.c);
+            this.i.kz = this.i.kz;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabCornerRadiusTopRight", {
         get: function () {
-            return this.i.kv ? this.i.kv.d : NaN;
+            return this.i.kz ? this.i.kz.d : NaN;
         },
         set: function (v) {
             this.ensureFabCornerRadius();
-            this.i.kv.d = +v;
-            this._a("fabCornerRadiusTopRight", this.i.kv.d);
-            this.i.kv = this.i.kv;
+            this.i.kz.d = +v;
+            this._a("fabCornerRadiusTopRight", this.i.kz.d);
+            this.i.kz = this.i.kz;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureFabCornerRadius = function () {
-        if (this.i.kv) {
+        if (this.i.kz) {
             return;
         }
-        this.i.kv = new CornerRadius(2);
+        this.i.kz = 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.su);
+            return brushToString(this.i.ps);
         },
         set: function (v) {
-            this.i.su = stringToBrush(v);
-            this._a("fabRippleColor", brushToString(this.i.su));
+            this.i.ps = stringToBrush(v);
+            this._a("fabRippleColor", brushToString(this.i.ps));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabTextColor", {
@@ -2042,13 +2049,13 @@ 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.sv);
+            return brushToString(this.i.pt);
         },
         set: function (v) {
-            this.i.sv = stringToBrush(v);
-            this._a("fabTextColor", brushToString(this.i.sv));
+            this.i.pt = stringToBrush(v);
+            this._a("fabTextColor", brushToString(this.i.pt));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabHoverTextColor", {
@@ -2056,13 +2063,13 @@ 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.st);
+            return brushToString(this.i.pr);
         },
         set: function (v) {
-            this.i.st = stringToBrush(v);
-            this._a("fabHoverTextColor", brushToString(this.i.st));
+            this.i.pr = stringToBrush(v);
+            this._a("fabHoverTextColor", brushToString(this.i.pr));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabFocusBackgroundColor", {
@@ -2070,13 +2077,13 @@ 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.sq);
+            return brushToString(this.i.po);
         },
         set: function (v) {
-            this.i.sq = stringToBrush(v);
-            this._a("fabFocusBackgroundColor", brushToString(this.i.sq));
+            this.i.po = stringToBrush(v);
+            this._a("fabFocusBackgroundColor", brushToString(this.i.po));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "fabFocusTextColor", {
@@ -2084,13 +2091,13 @@ 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.sr);
+            return brushToString(this.i.pp);
         },
         set: function (v) {
-            this.i.sr = stringToBrush(v);
-            this._a("fabFocusTextColor", brushToString(this.i.sr));
+            this.i.pp = stringToBrush(v);
+            this._a("fabFocusTextColor", brushToString(this.i.pp));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconBackgroundColor", {
@@ -2098,13 +2105,13 @@ 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.tb);
+            return brushToString(this.i.p9);
         },
         set: function (v) {
-            this.i.tb = stringToBrush(v);
-            this._a("iconBackgroundColor", brushToString(this.i.tb));
+            this.i.p9 = stringToBrush(v);
+            this._a("iconBackgroundColor", brushToString(this.i.p9));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconDisabledBackgroundColor", {
@@ -2112,13 +2119,13 @@ 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.td);
+            return brushToString(this.i.qb);
         },
         set: function (v) {
-            this.i.td = stringToBrush(v);
-            this._a("iconDisabledBackgroundColor", brushToString(this.i.td));
+            this.i.qb = stringToBrush(v);
+            this._a("iconDisabledBackgroundColor", brushToString(this.i.qb));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconDisabledBorderColor", {
@@ -2126,13 +2133,13 @@ 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.te);
+            return brushToString(this.i.qc);
         },
         set: function (v) {
-            this.i.te = stringToBrush(v);
-            this._a("iconDisabledBorderColor", brushToString(this.i.te));
+            this.i.qc = stringToBrush(v);
+            this._a("iconDisabledBorderColor", brushToString(this.i.qc));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconDisabledTextColor", {
@@ -2140,13 +2147,13 @@ 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.tf);
+            return brushToString(this.i.qd);
         },
         set: function (v) {
-            this.i.tf = stringToBrush(v);
-            this._a("iconDisabledTextColor", brushToString(this.i.tf));
+            this.i.qd = stringToBrush(v);
+            this._a("iconDisabledTextColor", brushToString(this.i.qd));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconDisabledElevation", {
@@ -2154,13 +2161,13 @@ 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.eh;
+            return this.i.dq;
         },
         set: function (v) {
-            this.i.eh = +v;
-            this._a("iconDisabledElevation", this.i.eh);
+            this.i.dq = +v;
+            this._a("iconDisabledElevation", this.i.dq);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconHoverBackgroundColor", {
@@ -2168,13 +2175,13 @@ 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.ti);
+            return brushToString(this.i.qg);
         },
         set: function (v) {
-            this.i.ti = stringToBrush(v);
-            this._a("iconHoverBackgroundColor", brushToString(this.i.ti));
+            this.i.qg = stringToBrush(v);
+            this._a("iconHoverBackgroundColor", brushToString(this.i.qg));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconBorderColor", {
@@ -2182,13 +2189,13 @@ 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.tc);
+            return brushToString(this.i.qa);
         },
         set: function (v) {
-            this.i.tc = stringToBrush(v);
-            this._a("iconBorderColor", brushToString(this.i.tc));
+            this.i.qa = stringToBrush(v);
+            this._a("iconBorderColor", brushToString(this.i.qa));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconRestingElevation", {
@@ -2196,13 +2203,13 @@ 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.ek;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.ek = +v;
-            this._a("iconRestingElevation", this.i.ek);
+            this.i.dt = +v;
+            this._a("iconRestingElevation", this.i.dt);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconHoverElevation", {
@@ -2210,13 +2217,13 @@ 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.ej;
+            return this.i.ds;
         },
         set: function (v) {
-            this.i.ej = +v;
-            this._a("iconHoverElevation", this.i.ej);
+            this.i.ds = +v;
+            this._a("iconHoverElevation", this.i.ds);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconFocusElevation", {
@@ -2224,13 +2231,13 @@ 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.ei;
+            return this.i.dr;
         },
         set: function (v) {
-            this.i.ei = +v;
-            this._a("iconFocusElevation", this.i.ei);
+            this.i.dr = +v;
+            this._a("iconFocusElevation", this.i.dr);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconBorderWidth", {
@@ -2238,85 +2245,85 @@ 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.bf;
+            return this.i.bs;
         },
         set: function (v) {
-            this.i.bf = +v;
-            this._a("iconBorderWidth", this.i.bf);
+            this.i.bs = +v;
+            this._a("iconBorderWidth", this.i.bs);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusBottomRight", {
         get: function () {
-            return this.i.kx ? this.i.kx.b : NaN;
+            return this.i.k1 ? this.i.k1.b : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kx.b = +v;
-            this._a("iconCornerRadiusBottomRight", this.i.kx.b);
-            this.i.kx = this.i.kx;
+            this.i.k1.b = +v;
+            this._a("iconCornerRadiusBottomRight", this.i.k1.b);
+            this.i.k1 = this.i.k1;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.kx ? this.i.kx.a : NaN;
+            return this.i.k1 ? this.i.k1.a : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kx.a = +v;
-            this._a("iconCornerRadiusBottomLeft", this.i.kx.a);
-            this.i.kx = this.i.kx;
+            this.i.k1.a = +v;
+            this._a("iconCornerRadiusBottomLeft", this.i.k1.a);
+            this.i.k1 = this.i.k1;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusTopLeft", {
         get: function () {
-            return this.i.kx ? this.i.kx.c : NaN;
+            return this.i.k1 ? this.i.k1.c : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kx.c = +v;
-            this._a("iconCornerRadiusTopLeft", this.i.kx.c);
-            this.i.kx = this.i.kx;
+            this.i.k1.c = +v;
+            this._a("iconCornerRadiusTopLeft", this.i.k1.c);
+            this.i.k1 = this.i.k1;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconCornerRadiusTopRight", {
         get: function () {
-            return this.i.kx ? this.i.kx.d : NaN;
+            return this.i.k1 ? this.i.k1.d : NaN;
         },
         set: function (v) {
             this.ensureIconCornerRadius();
-            this.i.kx.d = +v;
-            this._a("iconCornerRadiusTopRight", this.i.kx.d);
-            this.i.kx = this.i.kx;
+            this.i.k1.d = +v;
+            this._a("iconCornerRadiusTopRight", this.i.k1.d);
+            this.i.k1 = this.i.k1;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.ensureIconCornerRadius = function () {
-        if (this.i.kx) {
+        if (this.i.k1) {
             return;
         }
-        this.i.kx = new CornerRadius(2);
+        this.i.k1 = 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.tk);
+            return brushToString(this.i.qi);
         },
         set: function (v) {
-            this.i.tk = stringToBrush(v);
-            this._a("iconRippleColor", brushToString(this.i.tk));
+            this.i.qi = stringToBrush(v);
+            this._a("iconRippleColor", brushToString(this.i.qi));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconTextColor", {
@@ -2324,13 +2331,13 @@ 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.tl);
+            return brushToString(this.i.qj);
         },
         set: function (v) {
-            this.i.tl = stringToBrush(v);
-            this._a("iconTextColor", brushToString(this.i.tl));
+            this.i.qj = stringToBrush(v);
+            this._a("iconTextColor", brushToString(this.i.qj));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconHoverTextColor", {
@@ -2338,13 +2345,13 @@ 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.tj);
+            return brushToString(this.i.qh);
         },
         set: function (v) {
-            this.i.tj = stringToBrush(v);
-            this._a("iconHoverTextColor", brushToString(this.i.tj));
+            this.i.qh = stringToBrush(v);
+            this._a("iconHoverTextColor", brushToString(this.i.qh));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconFocusBackgroundColor", {
@@ -2352,13 +2359,13 @@ 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.tg);
+            return brushToString(this.i.qe);
         },
         set: function (v) {
-            this.i.tg = stringToBrush(v);
-            this._a("iconFocusBackgroundColor", brushToString(this.i.tg));
+            this.i.qe = stringToBrush(v);
+            this._a("iconFocusBackgroundColor", brushToString(this.i.qe));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "iconFocusTextColor", {
@@ -2366,13 +2373,13 @@ 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.th);
+            return brushToString(this.i.qf);
         },
         set: function (v) {
-            this.i.th = stringToBrush(v);
-            this._a("iconFocusTextColor", brushToString(this.i.th));
+            this.i.qf = stringToBrush(v);
+            this._a("iconFocusTextColor", brushToString(this.i.qf));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "inputId", {
@@ -2380,12 +2387,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the internal native checkbox.
         */
         get: function () {
-            return this.i.h8;
+            return this.i.hu;
         },
         set: function (v) {
-            this.i.h8 = v;
+            this.i.hu = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "id", {
@@ -2393,12 +2400,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.h6;
+            return this.i.hs;
         },
         set: function (v) {
-            this.i.h6 = v;
+            this.i.hs = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "display", {
@@ -2406,12 +2413,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.gc;
+            return this.i.fw;
         },
         set: function (v) {
-            this.i.gc = v;
+            this.i.fw = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flexDirection", {
@@ -2419,12 +2426,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.g0;
         },
         set: function (v) {
-            this.i.hf = v;
+            this.i.g0 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "flexGrow", {
@@ -2432,12 +2439,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the flex-grow setting for the button.
         */
         get: function () {
-            return this.i.hh;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.hh = v;
+            this.i.g2 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "alignItems", {
@@ -2445,12 +2452,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.fw;
+            return this.i.e7;
         },
         set: function (v) {
-            this.i.fw = v;
+            this.i.e7 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "value", {
@@ -2458,12 +2465,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets value to use for the checkbox.
         */
         get: function () {
-            return this.i.e0;
+            return this.i.ea;
         },
         set: function (v) {
-            this.i.e0 = v;
+            this.i.ea = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "name", {
@@ -2471,12 +2478,12 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets name to use for the button.
         */
         get: function () {
-            return this.i.ih;
+            return this.i.h2;
         },
         set: function (v) {
-            this.i.ih = v;
+            this.i.h2 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "tabIndex", {
@@ -2484,13 +2491,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.eu;
+            return this.i.d3;
         },
         set: function (v) {
-            this.i.eu = +v;
-            this._a("tabIndex", this.i.eu);
+            this.i.d3 = +v;
+            this._a("tabIndex", this.i.d3);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "ariaLabel", {
@@ -2498,12 +2505,27 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.fy;
+            return this.i.e9;
+        },
+        set: function (v) {
+            this.i.e9 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "fillAvailableSpace", {
+        /**
+         * Gets or sets whether the button should fill the available space. If false, the button
+         * will use an intrinsic size.
+        */
+        get: function () {
+            return this.i.av;
         },
         set: function (v) {
-            this.i.fy = v;
+            this.i.av = ensureBool(v);
+            this._a("fillAvailableSpace", this.i.av);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "focused", {
@@ -2517,7 +2539,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.focused = ensureBool(v);
             this._a("focused", this.i.focused);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "isFocusStyleEnabled", {
@@ -2525,13 +2547,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the button show use styling to show focus.
         */
         get: function () {
-            return this.i.ak;
+            return this.i.az;
         },
         set: function (v) {
-            this.i.ak = ensureBool(v);
-            this._a("isFocusStyleEnabled", this.i.ak);
+            this.i.az = ensureBool(v);
+            this._a("isFocusStyleEnabled", this.i.az);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "disableRipple", {
@@ -2539,13 +2561,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to disable the ripple effect for the button.
         */
         get: function () {
-            return this.i.af;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.af = ensureBool(v);
-            this._a("disableRipple", this.i.af);
+            this.i.at = ensureBool(v);
+            this._a("disableRipple", this.i.at);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "actualDisableRipple", {
@@ -2553,13 +2575,27 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether to actually disable the ripple effect for the button.
         */
         get: function () {
-            return this.i.ae;
+            return this.i.ap;
+        },
+        set: function (v) {
+            this.i.ap = ensureBool(v);
+            this._a("actualDisableRipple", this.i.ap);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "disableHover", {
+        /**
+         * Gets or sets whether the hover effect is disabled.
+        */
+        get: function () {
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.ae = ensureBool(v);
-            this._a("actualDisableRipple", this.i.ae);
+            this.i.ar = ensureBool(v);
+            this._a("disableHover", this.i.ar);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "isHover", {
@@ -2567,13 +2603,13 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the checkbox is checked.
         */
         get: function () {
-            return this.i.al;
+            return this.i.a0;
         },
         set: function (v) {
-            this.i.al = ensureBool(v);
-            this._a("isHover", this.i.al);
+            this.i.a0 = ensureBool(v);
+            this._a("isHover", this.i.a0);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "disabled", {
@@ -2587,7 +2623,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.disabled = ensureBool(v);
             this._a("disabled", this.i.disabled);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXButtonComponent.prototype, "disableTransitions", {
@@ -2595,13 +2631,119 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the checkbox transitions are disabled.
         */
         get: function () {
-            return this.i.ag;
+            return this.i.au;
+        },
+        set: function (v) {
+            this.i.au = ensureBool(v);
+            this._a("disableTransitions", this.i.au);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "disablePointer", {
+        /**
+         * Gets or sets whether the cursor will change into a pointer when the button is hovered.
+        */
+        get: function () {
+            return this.i.as;
+        },
+        set: function (v) {
+            this.i.as = ensureBool(v);
+            this._a("disablePointer", this.i.as);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "contentPaddingLeft", {
+        /**
+         * Gets or sets the left padding for the button content.
+        */
+        get: function () {
+            return this.i.bi;
+        },
+        set: function (v) {
+            this.i.bi = +v;
+            this._a("contentPaddingLeft", this.i.bi);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "contentPaddingTop", {
+        /**
+         * Gets or sets the top padding for the button content.
+        */
+        get: function () {
+            return this.i.bk;
+        },
+        set: function (v) {
+            this.i.bk = +v;
+            this._a("contentPaddingTop", this.i.bk);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "contentPaddingRight", {
+        /**
+         * Gets or sets the right padding for the button content.
+        */
+        get: function () {
+            return this.i.bj;
+        },
+        set: function (v) {
+            this.i.bj = +v;
+            this._a("contentPaddingRight", this.i.bj);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "contentPaddingBottom", {
+        /**
+         * Gets or sets the bottom padding for the button content.
+        */
+        get: function () {
+            return this.i.bh;
         },
         set: function (v) {
-            this.i.ag = ensureBool(v);
-            this._a("disableTransitions", this.i.ag);
+            this.i.bh = +v;
+            this._a("contentPaddingBottom", this.i.bh);
         },
-        enumerable: true,
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "horizontalContentAlignment", {
+        get: function () {
+            return this.i.k5;
+        },
+        set: function (v) {
+            this.i.k5 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("horizontalContentAlignment", enumToString(HorizontalAlignment_$type, this.i.k5));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "verticalContentAlignment", {
+        get: function () {
+            return this.i.q9;
+        },
+        set: function (v) {
+            this.i.q9 = ensureEnum(VerticalAlignment_$type, v);
+            this._a("verticalContentAlignment", enumToString(VerticalAlignment_$type, this.i.q9));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "clickTunneling", {
+        /**
+         * Gets or sets if clicking on the button is allowed to tunnel down to button content.
+        */
+        get: function () {
+            return this.i.aq;
+        },
+        set: function (v) {
+            this.i.aq = ensureBool(v);
+            this._a("clickTunneling", this.i.aq);
+        },
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.findByName = function (name) {
@@ -2616,7 +2758,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             return this._hasUserValues;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent.prototype.__m = function (propertyName) {
@@ -2680,7 +2822,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXButtonComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.ey();
+        var iv = this.i.d7();
         return (iv);
     };
     /**
@@ -2688,7 +2830,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXButtonComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.gg();
+        var iv = this.i.f0();
         return (iv);
     };
     Object.defineProperty(IgcXButtonComponent.prototype, "clicked", {
@@ -2716,7 +2858,63 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.clicked = delegateCombine(this.i.clicked, this._clicked_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "gotFocus", {
+        get: function () {
+            return this._gotFocus;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._gotFocus_wrapped !== null) {
+                this.i.gotFocus = delegateRemove(this.i.gotFocus, this._gotFocus_wrapped);
+                this._gotFocus_wrapped = null;
+                this._gotFocus = null;
+            }
+            this._gotFocus = ev;
+            this._gotFocus_wrapped = function (o, e) {
+                var outerArgs = new IgcFocusEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeGotFocus) {
+                    _this.beforeGotFocus(_this, outerArgs);
+                }
+                if (_this._gotFocus) {
+                    _this._gotFocus(_this, outerArgs);
+                }
+            };
+            this.i.gotFocus = delegateCombine(this.i.gotFocus, this._gotFocus_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXButtonComponent.prototype, "lostFocus", {
+        get: function () {
+            return this._lostFocus;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._lostFocus_wrapped !== null) {
+                this.i.lostFocus = delegateRemove(this.i.lostFocus, this._lostFocus_wrapped);
+                this._lostFocus_wrapped = null;
+                this._lostFocus = null;
+            }
+            this._lostFocus = ev;
+            this._lostFocus_wrapped = function (o, e) {
+                var outerArgs = new IgcFocusEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeLostFocus) {
+                    _this.beforeLostFocus(_this, outerArgs);
+                }
+                if (_this._lostFocus) {
+                    _this._lostFocus(_this, outerArgs);
+                }
+            };
+            this.i.lostFocus = delegateCombine(this.i.lostFocus, this._lostFocus_wrapped);
+            ;
+        },
+        enumerable: false,
         configurable: true
     });
     IgcXButtonComponent._observedAttributesIgcXButtonComponent = null;