igniteui-angular-inputs 21.0.0 → 21.0.1

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

@@ -157,10 +157,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the base built in theme to use for the button group.
         */
         get: function () {
-            return this.i.p;
+            return this.i.q;
         },
         set: function (v) {
-            this.i.p = ensureEnum(BaseControlTheme_$type, v);
+            this.i.q = ensureEnum(BaseControlTheme_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -170,10 +170,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the display density to use for the button group.
         */
         get: function () {
-            return this.i.t;
+            return this.i.u;
         },
         set: function (v) {
-            this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
+            this.i.u = ensureEnum(ControlDisplayDensity_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -183,10 +183,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual display density to use for the button group.
         */
         get: function () {
-            return this.i.s;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.s = ensureEnum(ControlDisplayDensity_$type, v);
+            this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -213,10 +213,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item corner radius for the appropriate corners.
         */
         get: function () {
-            return this.i.al;
+            return this.i.am;
         },
         set: function (v) {
-            this.i.al = +v;
+            this.i.am = +v;
         },
         enumerable: false,
         configurable: true
@@ -226,10 +226,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item background color.
         */
         get: function () {
-            return brushToString(this.i.ez);
+            return brushToString(this.i.e0);
         },
         set: function (v) {
-            this.i.ez = stringToBrush(v);
+            this.i.e0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -239,10 +239,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item background color.
         */
         get: function () {
-            return brushToString(this.i.e1);
+            return brushToString(this.i.e2);
         },
         set: function (v) {
-            this.i.e1 = stringToBrush(v);
+            this.i.e2 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -252,10 +252,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item text color.
         */
         get: function () {
-            return brushToString(this.i.e6);
+            return brushToString(this.i.e7);
         },
         set: function (v) {
-            this.i.e6 = stringToBrush(v);
+            this.i.e7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -265,10 +265,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item text color.
         */
         get: function () {
-            return brushToString(this.i.e3);
+            return brushToString(this.i.e4);
         },
         set: function (v) {
-            this.i.e3 = stringToBrush(v);
+            this.i.e4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -278,10 +278,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item border color.
         */
         get: function () {
-            return brushToString(this.i.e0);
+            return brushToString(this.i.e1);
         },
         set: function (v) {
-            this.i.e0 = stringToBrush(v);
+            this.i.e1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -291,10 +291,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item border color.
         */
         get: function () {
-            return brushToString(this.i.e2);
+            return brushToString(this.i.e3);
         },
         set: function (v) {
-            this.i.e2 = stringToBrush(v);
+            this.i.e3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -304,10 +304,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item border width.
         */
         get: function () {
-            return this.i.ak;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.ak = +v;
+            this.i.al = +v;
         },
         enumerable: false,
         configurable: true
@@ -317,10 +317,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual selected item background color.
         */
         get: function () {
-            return brushToString(this.i.e7);
+            return brushToString(this.i.e8);
         },
         set: function (v) {
-            this.i.e7 = stringToBrush(v);
+            this.i.e8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -330,10 +330,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the stroke actual selected item text color.
         */
         get: function () {
-            return brushToString(this.i.fa);
+            return brushToString(this.i.fb);
         },
         set: function (v) {
-            this.i.fa = stringToBrush(v);
+            this.i.fb = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -343,10 +343,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item hovered background color.
         */
         get: function () {
-            return brushToString(this.i.e4);
+            return brushToString(this.i.e5);
         },
         set: function (v) {
-            this.i.e4 = stringToBrush(v);
+            this.i.e5 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -356,10 +356,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual item text color.
         */
         get: function () {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.e6);
         },
         set: function (v) {
-            this.i.e5 = stringToBrush(v);
+            this.i.e6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -369,10 +369,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual selected item hovered background color.
         */
         get: function () {
-            return brushToString(this.i.e8);
+            return brushToString(this.i.e9);
         },
         set: function (v) {
-            this.i.e8 = stringToBrush(v);
+            this.i.e9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -382,10 +382,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual selected item hovered text color.
         */
         get: function () {
-            return brushToString(this.i.e9);
+            return brushToString(this.i.fa);
         },
         set: function (v) {
-            this.i.e9 = stringToBrush(v);
+            this.i.fa = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -395,10 +395,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the corner radius to use for the appropriate corners for the item buttons.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a2;
         },
         set: function (v) {
-            this.i.a1 = +v;
+            this.i.a2 = +v;
         },
         enumerable: false,
         configurable: true
@@ -408,10 +408,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the background of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.hn);
+            return brushToString(this.i.ho);
         },
         set: function (v) {
-            this.i.hn = stringToBrush(v);
+            this.i.ho = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -421,10 +421,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the background of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.hp);
+            return brushToString(this.i.hq);
         },
         set: function (v) {
-            this.i.hp = stringToBrush(v);
+            this.i.hq = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -434,10 +434,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the text of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.hv);
         },
         set: function (v) {
-            this.i.hu = stringToBrush(v);
+            this.i.hv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -447,10 +447,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the text of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.hr);
+            return brushToString(this.i.hs);
         },
         set: function (v) {
-            this.i.hr = stringToBrush(v);
+            this.i.hs = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -460,10 +460,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered background of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.hs);
+            return brushToString(this.i.ht);
         },
         set: function (v) {
-            this.i.hs = stringToBrush(v);
+            this.i.ht = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -473,10 +473,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the border of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.ho);
+            return brushToString(this.i.hp);
         },
         set: function (v) {
-            this.i.ho = stringToBrush(v);
+            this.i.hp = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -486,10 +486,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the border of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.hq);
+            return brushToString(this.i.hr);
         },
         set: function (v) {
-            this.i.hq = stringToBrush(v);
+            this.i.hr = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -499,10 +499,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border width to use for the buttons in the group.
         */
         get: function () {
-            return this.i.a0;
+            return this.i.a1;
         },
         set: function (v) {
-            this.i.a0 = +v;
+            this.i.a1 = +v;
         },
         enumerable: false,
         configurable: true
@@ -512,10 +512,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered text of the buttons in the group.
         */
         get: function () {
-            return brushToString(this.i.ht);
+            return brushToString(this.i.hu);
         },
         set: function (v) {
-            this.i.ht = stringToBrush(v);
+            this.i.hu = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -525,10 +525,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the background of the buttons in the group that are selected.
         */
         get: function () {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.h8);
         },
         set: function (v) {
-            this.i.h7 = stringToBrush(v);
+            this.i.h8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -538,10 +538,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the text of the buttons in the group that are selected.
         */
         get: function () {
-            return brushToString(this.i.ia);
+            return brushToString(this.i.ib);
         },
         set: function (v) {
-            this.i.ia = stringToBrush(v);
+            this.i.ib = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -551,10 +551,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered background of the buttons in the group that are selected.
         */
         get: function () {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.h8 = stringToBrush(v);
+            this.i.h9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -564,10 +564,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered text of the buttons in the group that are selected.
         */
         get: function () {
-            return brushToString(this.i.h9);
+            return brushToString(this.i.ia);
         },
         set: function (v) {
-            this.i.h9 = stringToBrush(v);
+            this.i.ia = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -577,10 +577,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the corner radius to use for the appropriate corners for the outlined type item buttons.
         */
         get: function () {
-            return this.i.a3;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.a3 = +v;
+            this.i.a4 = +v;
         },
         enumerable: false,
         configurable: true
@@ -590,10 +590,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the background of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.hv);
+            return brushToString(this.i.hw);
         },
         set: function (v) {
-            this.i.hv = stringToBrush(v);
+            this.i.hw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -603,10 +603,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the background of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.hy);
         },
         set: function (v) {
-            this.i.hx = stringToBrush(v);
+            this.i.hy = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -616,10 +616,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the text of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.h3);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
+            this.i.h3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -629,10 +629,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the text of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.hz);
+            return brushToString(this.i.h0);
         },
         set: function (v) {
-            this.i.hz = stringToBrush(v);
+            this.i.h0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -642,10 +642,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered background of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h1);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
+            this.i.h1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -655,10 +655,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the border of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.hw = stringToBrush(v);
+            this.i.hx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -668,10 +668,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the border of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.hz);
         },
         set: function (v) {
-            this.i.hy = stringToBrush(v);
+            this.i.hz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -681,10 +681,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border width to use for the buttons in the group when type is outlined.
         */
         get: function () {
-            return this.i.a2;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a2 = +v;
+            this.i.a3 = +v;
         },
         enumerable: false,
         configurable: true
@@ -694,10 +694,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered text of the buttons in the group when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.h2);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
+            this.i.h2 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -707,10 +707,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the background of the buttons in the group that are selected when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.h4);
         },
         set: function (v) {
-            this.i.h3 = stringToBrush(v);
+            this.i.h4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -720,10 +720,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the text of the buttons in the group that are selected when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.h7);
         },
         set: function (v) {
-            this.i.h6 = stringToBrush(v);
+            this.i.h7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -733,10 +733,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered background of the buttons in the group that are selected when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.h5);
         },
         set: function (v) {
-            this.i.h4 = stringToBrush(v);
+            this.i.h5 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -746,10 +746,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered text of the buttons in the group that are selected when type is outlined.
         */
         get: function () {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.h6);
         },
         set: function (v) {
-            this.i.h5 = stringToBrush(v);
+            this.i.h6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -759,10 +759,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the corner radius to use for the appropriate corners for the flat type item buttons.
         */
         get: function () {
-            return this.i.az;
+            return this.i.a0;
         },
         set: function (v) {
-            this.i.az = +v;
+            this.i.a0 = +v;
         },
         enumerable: false,
         configurable: true
@@ -772,10 +772,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the background of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hb);
+            return brushToString(this.i.hc);
         },
         set: function (v) {
-            this.i.hb = stringToBrush(v);
+            this.i.hc = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -785,10 +785,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the background of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.he);
         },
         set: function (v) {
-            this.i.hd = stringToBrush(v);
+            this.i.he = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -798,10 +798,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the text of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hi);
+            return brushToString(this.i.hj);
         },
         set: function (v) {
-            this.i.hi = stringToBrush(v);
+            this.i.hj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -811,10 +811,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the text of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.hg);
         },
         set: function (v) {
-            this.i.hf = stringToBrush(v);
+            this.i.hg = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -824,10 +824,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered background of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hh);
         },
         set: function (v) {
-            this.i.hg = stringToBrush(v);
+            this.i.hh = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -837,10 +837,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the border of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hc);
+            return brushToString(this.i.hd);
         },
         set: function (v) {
-            this.i.hc = stringToBrush(v);
+            this.i.hd = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -850,10 +850,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the disabled color to use the border of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hf);
         },
         set: function (v) {
-            this.i.he = stringToBrush(v);
+            this.i.hf = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -863,10 +863,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border width to use for the buttons in the group when type is flat.
         */
         get: function () {
-            return this.i.ay;
+            return this.i.az;
         },
         set: function (v) {
-            this.i.ay = +v;
+            this.i.az = +v;
         },
         enumerable: false,
         configurable: true
@@ -876,10 +876,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered text of the buttons in the group when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hi);
         },
         set: function (v) {
-            this.i.hh = stringToBrush(v);
+            this.i.hi = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -889,10 +889,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the background of the buttons in the group that are selected when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hk);
         },
         set: function (v) {
-            this.i.hj = stringToBrush(v);
+            this.i.hk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -902,10 +902,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the text of the buttons in the group that are selected when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hm);
+            return brushToString(this.i.hn);
         },
         set: function (v) {
-            this.i.hm = stringToBrush(v);
+            this.i.hn = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -915,10 +915,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered background of the buttons in the group that are selected when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hk);
+            return brushToString(this.i.hl);
         },
         set: function (v) {
-            this.i.hk = stringToBrush(v);
+            this.i.hl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -928,10 +928,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use the hovered text of the buttons in the group that are selected when type is flat.
         */
         get: function () {
-            return brushToString(this.i.hl);
+            return brushToString(this.i.hm);
         },
         set: function (v) {
-            this.i.hl = stringToBrush(v);
+            this.i.hm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -954,10 +954,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the id to use for the button group.
         */
         get: function () {
-            return this.i.b5;
+            return this.i.b6;
         },
         set: function (v) {
-            this.i.b5 = v;
+            this.i.b6 = v;
         },
         enumerable: false,
         configurable: true
@@ -980,10 +980,10 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether the group supports multi-select.
         */
         get: function () {
-            return this.i.z;
+            return this.i.aa;
         },
         set: function (v) {
-            this.i.z = ensureBool(v);
+            this.i.aa = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -1067,7 +1067,7 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxXButtonGroupComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.a5();
+        var iv = this.i.a6();
         return (iv);
     };
     /**
@@ -1075,7 +1075,7 @@ var IgxXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxXButtonGroupComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bq();
+        var iv = this.i.br();
         return (iv);
     };
     Object.defineProperty(IgxXButtonGroupComponent.prototype, "selectionChanged", {