igniteui-webcomponents-inputs 7.0.0 → 7.0.1

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

@@ -304,11 +304,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.p));
+            this.i.q = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.q));
         },
         enumerable: false,
         configurable: true
@@ -318,11 +318,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("density", enumToString(ControlDisplayDensity_$type, this.i.t));
+            this.i.u = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.u));
         },
         enumerable: false,
         configurable: true
@@ -332,11 +332,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.s));
+            this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.t));
         },
         enumerable: false,
         configurable: true
@@ -363,11 +363,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemCornerRadius", this.i.al);
+            this.i.am = +v;
+            this._a("actualItemCornerRadius", this.i.am);
         },
         enumerable: false,
         configurable: true
@@ -377,11 +377,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemBackgroundColor", brushToString(this.i.ez));
+            this.i.e0 = stringToBrush(v);
+            this._a("actualItemBackgroundColor", brushToString(this.i.e0));
         },
         enumerable: false,
         configurable: true
@@ -391,11 +391,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemDisabledBackgroundColor", brushToString(this.i.e1));
+            this.i.e2 = stringToBrush(v);
+            this._a("actualItemDisabledBackgroundColor", brushToString(this.i.e2));
         },
         enumerable: false,
         configurable: true
@@ -405,11 +405,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemTextColor", brushToString(this.i.e6));
+            this.i.e7 = stringToBrush(v);
+            this._a("actualItemTextColor", brushToString(this.i.e7));
         },
         enumerable: false,
         configurable: true
@@ -419,11 +419,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemDisabledTextColor", brushToString(this.i.e3));
+            this.i.e4 = stringToBrush(v);
+            this._a("actualItemDisabledTextColor", brushToString(this.i.e4));
         },
         enumerable: false,
         configurable: true
@@ -433,11 +433,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemBorderColor", brushToString(this.i.e0));
+            this.i.e1 = stringToBrush(v);
+            this._a("actualItemBorderColor", brushToString(this.i.e1));
         },
         enumerable: false,
         configurable: true
@@ -447,11 +447,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemDisabledBorderColor", brushToString(this.i.e2));
+            this.i.e3 = stringToBrush(v);
+            this._a("actualItemDisabledBorderColor", brushToString(this.i.e3));
         },
         enumerable: false,
         configurable: true
@@ -461,11 +461,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item border width.
         */
         get: function () {
-            return this.i.ak;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.ak = +v;
-            this._a("actualItemBorderWidth", this.i.ak);
+            this.i.al = +v;
+            this._a("actualItemBorderWidth", this.i.al);
         },
         enumerable: false,
         configurable: true
@@ -475,11 +475,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualSelectedItemBackgroundColor", brushToString(this.i.e7));
+            this.i.e8 = stringToBrush(v);
+            this._a("actualSelectedItemBackgroundColor", brushToString(this.i.e8));
         },
         enumerable: false,
         configurable: true
@@ -489,11 +489,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualSelectedItemTextColor", brushToString(this.i.fa));
+            this.i.fb = stringToBrush(v);
+            this._a("actualSelectedItemTextColor", brushToString(this.i.fb));
         },
         enumerable: false,
         configurable: true
@@ -503,11 +503,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemHoverBackgroundColor", brushToString(this.i.e4));
+            this.i.e5 = stringToBrush(v);
+            this._a("actualItemHoverBackgroundColor", brushToString(this.i.e5));
         },
         enumerable: false,
         configurable: true
@@ -517,11 +517,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualItemHoverTextColor", brushToString(this.i.e5));
+            this.i.e6 = stringToBrush(v);
+            this._a("actualItemHoverTextColor", brushToString(this.i.e6));
         },
         enumerable: false,
         configurable: true
@@ -531,11 +531,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualSelectedItemHoverBackgroundColor", brushToString(this.i.e8));
+            this.i.e9 = stringToBrush(v);
+            this._a("actualSelectedItemHoverBackgroundColor", brushToString(this.i.e9));
         },
         enumerable: false,
         configurable: true
@@ -545,11 +545,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("actualSelectedItemHoverTextColor", brushToString(this.i.e9));
+            this.i.fa = stringToBrush(v);
+            this._a("actualSelectedItemHoverTextColor", brushToString(this.i.fa));
         },
         enumerable: false,
         configurable: true
@@ -559,11 +559,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemCornerRadius", this.i.a1);
+            this.i.a2 = +v;
+            this._a("itemCornerRadius", this.i.a2);
         },
         enumerable: false,
         configurable: true
@@ -573,11 +573,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemBackgroundColor", brushToString(this.i.hn));
+            this.i.ho = stringToBrush(v);
+            this._a("itemBackgroundColor", brushToString(this.i.ho));
         },
         enumerable: false,
         configurable: true
@@ -587,11 +587,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemDisabledBackgroundColor", brushToString(this.i.hp));
+            this.i.hq = stringToBrush(v);
+            this._a("itemDisabledBackgroundColor", brushToString(this.i.hq));
         },
         enumerable: false,
         configurable: true
@@ -601,11 +601,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemTextColor", brushToString(this.i.hu));
+            this.i.hv = stringToBrush(v);
+            this._a("itemTextColor", brushToString(this.i.hv));
         },
         enumerable: false,
         configurable: true
@@ -615,11 +615,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemDisabledTextColor", brushToString(this.i.hr));
+            this.i.hs = stringToBrush(v);
+            this._a("itemDisabledTextColor", brushToString(this.i.hs));
         },
         enumerable: false,
         configurable: true
@@ -629,11 +629,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemHoverBackgroundColor", brushToString(this.i.hs));
+            this.i.ht = stringToBrush(v);
+            this._a("itemHoverBackgroundColor", brushToString(this.i.ht));
         },
         enumerable: false,
         configurable: true
@@ -643,11 +643,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemBorderColor", brushToString(this.i.ho));
+            this.i.hp = stringToBrush(v);
+            this._a("itemBorderColor", brushToString(this.i.hp));
         },
         enumerable: false,
         configurable: true
@@ -657,11 +657,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemDisabledBorderColor", brushToString(this.i.hq));
+            this.i.hr = stringToBrush(v);
+            this._a("itemDisabledBorderColor", brushToString(this.i.hr));
         },
         enumerable: false,
         configurable: true
@@ -671,11 +671,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemBorderWidth", this.i.a0);
+            this.i.a1 = +v;
+            this._a("itemBorderWidth", this.i.a1);
         },
         enumerable: false,
         configurable: true
@@ -685,11 +685,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("itemHoverTextColor", brushToString(this.i.ht));
+            this.i.hu = stringToBrush(v);
+            this._a("itemHoverTextColor", brushToString(this.i.hu));
         },
         enumerable: false,
         configurable: true
@@ -699,11 +699,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("selectedItemBackgroundColor", brushToString(this.i.h7));
+            this.i.h8 = stringToBrush(v);
+            this._a("selectedItemBackgroundColor", brushToString(this.i.h8));
         },
         enumerable: false,
         configurable: true
@@ -713,11 +713,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("selectedItemTextColor", brushToString(this.i.ia));
+            this.i.ib = stringToBrush(v);
+            this._a("selectedItemTextColor", brushToString(this.i.ib));
         },
         enumerable: false,
         configurable: true
@@ -727,11 +727,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("selectedItemHoverBackgroundColor", brushToString(this.i.h8));
+            this.i.h9 = stringToBrush(v);
+            this._a("selectedItemHoverBackgroundColor", brushToString(this.i.h9));
         },
         enumerable: false,
         configurable: true
@@ -741,11 +741,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("selectedItemHoverTextColor", brushToString(this.i.h9));
+            this.i.ia = stringToBrush(v);
+            this._a("selectedItemHoverTextColor", brushToString(this.i.ia));
         },
         enumerable: false,
         configurable: true
@@ -755,11 +755,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemCornerRadius", this.i.a3);
+            this.i.a4 = +v;
+            this._a("outlinedItemCornerRadius", this.i.a4);
         },
         enumerable: false,
         configurable: true
@@ -769,11 +769,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemBackgroundColor", brushToString(this.i.hv));
+            this.i.hw = stringToBrush(v);
+            this._a("outlinedItemBackgroundColor", brushToString(this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -783,11 +783,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemDisabledBackgroundColor", brushToString(this.i.hx));
+            this.i.hy = stringToBrush(v);
+            this._a("outlinedItemDisabledBackgroundColor", brushToString(this.i.hy));
         },
         enumerable: false,
         configurable: true
@@ -797,11 +797,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemTextColor", brushToString(this.i.h2));
+            this.i.h3 = stringToBrush(v);
+            this._a("outlinedItemTextColor", brushToString(this.i.h3));
         },
         enumerable: false,
         configurable: true
@@ -811,11 +811,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemDisabledTextColor", brushToString(this.i.hz));
+            this.i.h0 = stringToBrush(v);
+            this._a("outlinedItemDisabledTextColor", brushToString(this.i.h0));
         },
         enumerable: false,
         configurable: true
@@ -825,11 +825,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemHoverBackgroundColor", brushToString(this.i.h0));
+            this.i.h1 = stringToBrush(v);
+            this._a("outlinedItemHoverBackgroundColor", brushToString(this.i.h1));
         },
         enumerable: false,
         configurable: true
@@ -839,11 +839,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemBorderColor", brushToString(this.i.hw));
+            this.i.hx = stringToBrush(v);
+            this._a("outlinedItemBorderColor", brushToString(this.i.hx));
         },
         enumerable: false,
         configurable: true
@@ -853,11 +853,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemDisabledBorderColor", brushToString(this.i.hy));
+            this.i.hz = stringToBrush(v);
+            this._a("outlinedItemDisabledBorderColor", brushToString(this.i.hz));
         },
         enumerable: false,
         configurable: true
@@ -867,11 +867,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemBorderWidth", this.i.a2);
+            this.i.a3 = +v;
+            this._a("outlinedItemBorderWidth", this.i.a3);
         },
         enumerable: false,
         configurable: true
@@ -881,11 +881,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedItemHoverTextColor", brushToString(this.i.h1));
+            this.i.h2 = stringToBrush(v);
+            this._a("outlinedItemHoverTextColor", brushToString(this.i.h2));
         },
         enumerable: false,
         configurable: true
@@ -895,11 +895,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedSelectedItemBackgroundColor", brushToString(this.i.h3));
+            this.i.h4 = stringToBrush(v);
+            this._a("outlinedSelectedItemBackgroundColor", brushToString(this.i.h4));
         },
         enumerable: false,
         configurable: true
@@ -909,11 +909,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedSelectedItemTextColor", brushToString(this.i.h6));
+            this.i.h7 = stringToBrush(v);
+            this._a("outlinedSelectedItemTextColor", brushToString(this.i.h7));
         },
         enumerable: false,
         configurable: true
@@ -923,11 +923,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedSelectedItemHoverBackgroundColor", brushToString(this.i.h4));
+            this.i.h5 = stringToBrush(v);
+            this._a("outlinedSelectedItemHoverBackgroundColor", brushToString(this.i.h5));
         },
         enumerable: false,
         configurable: true
@@ -937,11 +937,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("outlinedSelectedItemHoverTextColor", brushToString(this.i.h5));
+            this.i.h6 = stringToBrush(v);
+            this._a("outlinedSelectedItemHoverTextColor", brushToString(this.i.h6));
         },
         enumerable: false,
         configurable: true
@@ -951,11 +951,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemCornerRadius", this.i.az);
+            this.i.a0 = +v;
+            this._a("flatItemCornerRadius", this.i.a0);
         },
         enumerable: false,
         configurable: true
@@ -965,11 +965,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemBackgroundColor", brushToString(this.i.hb));
+            this.i.hc = stringToBrush(v);
+            this._a("flatItemBackgroundColor", brushToString(this.i.hc));
         },
         enumerable: false,
         configurable: true
@@ -979,11 +979,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemDisabledBackgroundColor", brushToString(this.i.hd));
+            this.i.he = stringToBrush(v);
+            this._a("flatItemDisabledBackgroundColor", brushToString(this.i.he));
         },
         enumerable: false,
         configurable: true
@@ -993,11 +993,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemTextColor", brushToString(this.i.hi));
+            this.i.hj = stringToBrush(v);
+            this._a("flatItemTextColor", brushToString(this.i.hj));
         },
         enumerable: false,
         configurable: true
@@ -1007,11 +1007,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemDisabledTextColor", brushToString(this.i.hf));
+            this.i.hg = stringToBrush(v);
+            this._a("flatItemDisabledTextColor", brushToString(this.i.hg));
         },
         enumerable: false,
         configurable: true
@@ -1021,11 +1021,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemHoverBackgroundColor", brushToString(this.i.hg));
+            this.i.hh = stringToBrush(v);
+            this._a("flatItemHoverBackgroundColor", brushToString(this.i.hh));
         },
         enumerable: false,
         configurable: true
@@ -1035,11 +1035,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemBorderColor", brushToString(this.i.hc));
+            this.i.hd = stringToBrush(v);
+            this._a("flatItemBorderColor", brushToString(this.i.hd));
         },
         enumerable: false,
         configurable: true
@@ -1049,11 +1049,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemDisabledBorderColor", brushToString(this.i.he));
+            this.i.hf = stringToBrush(v);
+            this._a("flatItemDisabledBorderColor", brushToString(this.i.hf));
         },
         enumerable: false,
         configurable: true
@@ -1063,11 +1063,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemBorderWidth", this.i.ay);
+            this.i.az = +v;
+            this._a("flatItemBorderWidth", this.i.az);
         },
         enumerable: false,
         configurable: true
@@ -1077,11 +1077,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatItemHoverTextColor", brushToString(this.i.hh));
+            this.i.hi = stringToBrush(v);
+            this._a("flatItemHoverTextColor", brushToString(this.i.hi));
         },
         enumerable: false,
         configurable: true
@@ -1091,11 +1091,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatSelectedItemBackgroundColor", brushToString(this.i.hj));
+            this.i.hk = stringToBrush(v);
+            this._a("flatSelectedItemBackgroundColor", brushToString(this.i.hk));
         },
         enumerable: false,
         configurable: true
@@ -1105,11 +1105,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatSelectedItemTextColor", brushToString(this.i.hm));
+            this.i.hn = stringToBrush(v);
+            this._a("flatSelectedItemTextColor", brushToString(this.i.hn));
         },
         enumerable: false,
         configurable: true
@@ -1119,11 +1119,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatSelectedItemHoverBackgroundColor", brushToString(this.i.hk));
+            this.i.hl = stringToBrush(v);
+            this._a("flatSelectedItemHoverBackgroundColor", brushToString(this.i.hl));
         },
         enumerable: false,
         configurable: true
@@ -1133,11 +1133,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("flatSelectedItemHoverTextColor", brushToString(this.i.hl));
+            this.i.hm = stringToBrush(v);
+            this._a("flatSelectedItemHoverTextColor", brushToString(this.i.hm));
         },
         enumerable: false,
         configurable: true
@@ -1161,10 +1161,10 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -1188,11 +1188,11 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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._a("isMultiSelect", this.i.z);
+            this.i.aa = ensureBool(v);
+            this._a("isMultiSelect", this.i.aa);
         },
         enumerable: false,
         configurable: true
@@ -1276,7 +1276,7 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcXButtonGroupComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.a5();
+        var iv = this.i.a6();
         return (iv);
     };
     /**
@@ -1284,7 +1284,7 @@ export var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcXButtonGroupComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bq();
+        var iv = this.i.br();
         return (iv);
     };
     Object.defineProperty(IgcXButtonGroupComponent.prototype, "selectionChanged", {