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

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

@@ -1,4 +1,4 @@
-import * as tslib_1 from "tslib";
+import { __extends, __values } from "tslib";
 import { XInputGroup } from "./XInputGroup";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
@@ -15,7 +15,7 @@ import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcXInputGroupComponent, _super);
+    __extends(IgcXInputGroupComponent, _super);
     function IgcXInputGroupComponent() {
         var _this = _super.call(this) || this;
         _this.contentInputs = [];
@@ -67,7 +67,7 @@ var IgcXInputGroupComponent = /** @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();
@@ -127,7 +127,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return this._inputs;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype._onChildrenChanged = function () {
@@ -209,7 +209,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         } /**
                                      * @hidden
                                      */,
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent._createFromInternal = function (internal) {
@@ -265,7 +265,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return IgcXInputGroupComponent._observedAttributesIgcXInputGroupComponent;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
@@ -294,7 +294,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.d = ensureEnum(InputGroupDisplayType_$type, v);
             this._a("displayType", enumToString(InputGroupDisplayType_$type, this.i.d));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "density", {
@@ -302,13 +302,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the display density to use for the input group.
         */
         get: function () {
-            return this.i.n;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.n = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.n));
+            this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.t));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualDensity", {
@@ -316,13 +316,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual display density to use for the input group.
         */
         get: function () {
-            return this.i.m;
+            return this.i.s;
         },
         set: function (v) {
-            this.i.m = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.m));
+            this.i.s = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.s));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "baseTheme", {
@@ -330,20 +330,20 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the base built in theme to use for the label.
         */
         get: function () {
-            return this.i.j;
+            return this.i.p;
         },
         set: function (v) {
-            this.i.j = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.j));
+            this.i.p = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.p));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "inputHasValue", {
         get: function () {
-            return this.i.af;
+            return this.i.al;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualBorderColor", {
@@ -351,13 +351,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual item background color.
         */
         get: function () {
-            return brushToString(this.i.ot);
+            return brushToString(this.i.l6);
         },
         set: function (v) {
-            this.i.ot = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.ot));
+            this.i.l6 = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.l6));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusBorderColor", {
@@ -365,13 +365,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual item border color.
         */
         get: function () {
-            return brushToString(this.i.ou);
+            return brushToString(this.i.l7);
         },
         set: function (v) {
-            this.i.ou = stringToBrush(v);
-            this._a("actualFocusBorderColor", brushToString(this.i.ou));
+            this.i.l7 = stringToBrush(v);
+            this._a("actualFocusBorderColor", brushToString(this.i.l7));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualBorderWidth", {
@@ -379,13 +379,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual item border width.
         */
         get: function () {
-            return this.i.ca;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.ca = +v;
-            this._a("actualBorderWidth", this.i.ca);
+            this.i.cg = +v;
+            this._a("actualBorderWidth", this.i.cg);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusBorderWidth", {
@@ -393,143 +393,143 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual item border width.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.cb = +v;
-            this._a("actualFocusBorderWidth", this.i.cb);
+            this.i.ch = +v;
+            this._a("actualFocusBorderWidth", this.i.ch);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.m0 ? this.i.m0.b : NaN;
+            return this.i.ko ? this.i.ko.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.m0.b = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.m0.b);
-            this.i.m0 = this.i.m0;
+            this.i.ko.b = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.ko.b);
+            this.i.ko = this.i.ko;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.m0 ? this.i.m0.a : NaN;
+            return this.i.ko ? this.i.ko.a : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.m0.a = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.m0.a);
-            this.i.m0 = this.i.m0;
+            this.i.ko.a = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.ko.a);
+            this.i.ko = this.i.ko;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.m0 ? this.i.m0.c : NaN;
+            return this.i.ko ? this.i.ko.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.m0.c = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.m0.c);
-            this.i.m0 = this.i.m0;
+            this.i.ko.c = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.ko.c);
+            this.i.ko = this.i.ko;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.m0 ? this.i.m0.d : NaN;
+            return this.i.ko ? this.i.ko.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.m0.d = +v;
-            this._a("actualCornerRadiusTopRight", this.i.m0.d);
-            this.i.m0 = this.i.m0;
+            this.i.ko.d = +v;
+            this._a("actualCornerRadiusTopRight", this.i.ko.d);
+            this.i.ko = this.i.ko;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.m0) {
+        if (this.i.ko) {
             return;
         }
-        this.i.m0 = new CornerRadius(2);
+        this.i.ko = new CornerRadius(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingBottom", {
         get: function () {
-            return this.i.tg ? this.i.tg.bottom : NaN;
+            return this.i.oe ? this.i.oe.bottom : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.tg.bottom = +v;
-            this._a("actualContentPaddingBottom", this.i.tg.bottom);
-            this.i.tg = this.i.tg;
+            this.i.oe.bottom = +v;
+            this._a("actualContentPaddingBottom", this.i.oe.bottom);
+            this.i.oe = this.i.oe;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingLeft", {
         get: function () {
-            return this.i.tg ? this.i.tg.left : NaN;
+            return this.i.oe ? this.i.oe.left : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.tg.left = +v;
-            this._a("actualContentPaddingLeft", this.i.tg.left);
-            this.i.tg = this.i.tg;
+            this.i.oe.left = +v;
+            this._a("actualContentPaddingLeft", this.i.oe.left);
+            this.i.oe = this.i.oe;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingRight", {
         get: function () {
-            return this.i.tg ? this.i.tg.right : NaN;
+            return this.i.oe ? this.i.oe.right : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.tg.right = +v;
-            this._a("actualContentPaddingRight", this.i.tg.right);
-            this.i.tg = this.i.tg;
+            this.i.oe.right = +v;
+            this._a("actualContentPaddingRight", this.i.oe.right);
+            this.i.oe = this.i.oe;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingTop", {
         get: function () {
-            return this.i.tg ? this.i.tg.top : NaN;
+            return this.i.oe ? this.i.oe.top : NaN;
         },
         set: function (v) {
             this.ensureActualContentPadding();
-            this.i.tg.top = +v;
-            this._a("actualContentPaddingTop", this.i.tg.top);
-            this.i.tg = this.i.tg;
+            this.i.oe.top = +v;
+            this._a("actualContentPaddingTop", this.i.oe.top);
+            this.i.oe = this.i.oe;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureActualContentPadding = function () {
-        if (this.i.tg) {
+        if (this.i.oe) {
             return;
         }
-        this.i.tg = new Thickness(2);
+        this.i.oe = new Thickness(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineWidth", {
         /**
          * Gets the actual width to use for the underline element.
         */
         get: function () {
-            return this.i.cj;
+            return this.i.cp;
         },
         set: function (v) {
-            this.i.cj = +v;
-            this._a("actualUnderlineWidth", this.i.cj);
+            this.i.cp = +v;
+            this._a("actualUnderlineWidth", this.i.cp);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineRippleWidth", {
@@ -537,13 +537,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual width to use for the underline element.
         */
         get: function () {
-            return this.i.ci;
+            return this.i.co;
         },
         set: function (v) {
-            this.i.ci = +v;
-            this._a("actualUnderlineRippleWidth", this.i.ci);
+            this.i.co = +v;
+            this._a("actualUnderlineRippleWidth", this.i.co);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualHoverUnderlineWidth", {
@@ -551,13 +551,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the width to use for the underline element when hovered.
         */
         get: function () {
-            return this.i.cf;
+            return this.i.cl;
         },
         set: function (v) {
-            this.i.cf = +v;
-            this._a("actualHoverUnderlineWidth", this.i.cf);
+            this.i.cl = +v;
+            this._a("actualHoverUnderlineWidth", this.i.cl);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineColor", {
@@ -565,13 +565,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.ox);
+            return brushToString(this.i.ma);
         },
         set: function (v) {
-            this.i.ox = stringToBrush(v);
-            this._a("actualUnderlineColor", brushToString(this.i.ox));
+            this.i.ma = stringToBrush(v);
+            this._a("actualUnderlineColor", brushToString(this.i.ma));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineRippleColor", {
@@ -579,13 +579,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.oy);
+            return brushToString(this.i.mb);
         },
         set: function (v) {
-            this.i.oy = stringToBrush(v);
-            this._a("actualUnderlineRippleColor", brushToString(this.i.oy));
+            this.i.mb = stringToBrush(v);
+            this._a("actualUnderlineRippleColor", brushToString(this.i.mb));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualHoverUnderlineColor", {
@@ -593,13 +593,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.ow);
+            return brushToString(this.i.l9);
         },
         set: function (v) {
-            this.i.ow = stringToBrush(v);
-            this._a("actualHoverUnderlineColor", brushToString(this.i.ow));
+            this.i.l9 = stringToBrush(v);
+            this._a("actualHoverUnderlineColor", brushToString(this.i.l9));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusUnderlineColor", {
@@ -607,13 +607,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the underline element when focused.
         */
         get: function () {
-            return brushToString(this.i.ov);
+            return brushToString(this.i.l8);
         },
         set: function (v) {
-            this.i.ov = stringToBrush(v);
-            this._a("actualFocusUnderlineColor", brushToString(this.i.ov));
+            this.i.l8 = stringToBrush(v);
+            this._a("actualFocusUnderlineColor", brushToString(this.i.l8));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineOpacity", {
@@ -621,13 +621,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity to use for the underline element.
         */
         get: function () {
-            return this.i.cg;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.cg = +v;
-            this._a("actualUnderlineOpacity", this.i.cg);
+            this.i.cm = +v;
+            this._a("actualUnderlineOpacity", this.i.cm);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualHoverUnderlineOpacity", {
@@ -635,13 +635,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity to use for the underline element when hovered.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.ck;
         },
         set: function (v) {
-            this.i.ce = +v;
-            this._a("actualHoverUnderlineOpacity", this.i.ce);
+            this.i.ck = +v;
+            this._a("actualHoverUnderlineOpacity", this.i.ck);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusUnderlineOpacity", {
@@ -649,13 +649,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity to use for the underline element when focused.
         */
         get: function () {
-            return this.i.cc;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.cc = +v;
-            this._a("actualFocusUnderlineOpacity", this.i.cc);
+            this.i.ci = +v;
+            this._a("actualFocusUnderlineOpacity", this.i.ci);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusUnderlineRippleOpacity", {
@@ -663,13 +663,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity to use for the underline ripple element when focused.
         */
         get: function () {
-            return this.i.cd;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.cd = +v;
-            this._a("actualFocusUnderlineRippleOpacity", this.i.cd);
+            this.i.cj = +v;
+            this._a("actualFocusUnderlineRippleOpacity", this.i.cj);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineRippleOpacity", {
@@ -677,13 +677,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity to use for the underline ripple element.
         */
         get: function () {
-            return this.i.ch;
+            return this.i.cn;
         },
         set: function (v) {
-            this.i.ch = +v;
-            this._a("actualUnderlineRippleOpacity", this.i.ch);
+            this.i.cn = +v;
+            this._a("actualUnderlineRippleOpacity", this.i.cn);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualBackgroundColor", {
@@ -691,13 +691,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.os);
+            return brushToString(this.i.l5);
         },
         set: function (v) {
-            this.i.os = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.os));
+            this.i.l5 = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.l5));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderWidth", {
@@ -705,13 +705,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group.
         */
         get: function () {
-            return this.i.cu;
+            return this.i.c0;
         },
         set: function (v) {
-            this.i.cu = +v;
-            this._a("borderWidth", this.i.cu);
+            this.i.c0 = +v;
+            this._a("borderWidth", this.i.c0);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "focusBorderWidth", {
@@ -719,13 +719,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group when focused.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.eg;
         },
         set: function (v) {
-            this.i.hc = +v;
-            this._a("focusBorderWidth", this.i.hc);
+            this.i.eg = +v;
+            this._a("focusBorderWidth", this.i.eg);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderColor", {
@@ -733,143 +733,143 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use the border of the input group.
         */
         get: function () {
-            return brushToString(this.i.o0);
+            return brushToString(this.i.md);
         },
         set: function (v) {
-            this.i.o0 = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.o0));
+            this.i.md = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.md));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.m4 ? this.i.m4.b : NaN;
+            return this.i.ks ? this.i.ks.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.m4.b = +v;
-            this._a("cornerRadiusBottomRight", this.i.m4.b);
-            this.i.m4 = this.i.m4;
+            this.i.ks.b = +v;
+            this._a("cornerRadiusBottomRight", this.i.ks.b);
+            this.i.ks = this.i.ks;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.m4 ? this.i.m4.a : NaN;
+            return this.i.ks ? this.i.ks.a : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.m4.a = +v;
-            this._a("cornerRadiusBottomLeft", this.i.m4.a);
-            this.i.m4 = this.i.m4;
+            this.i.ks.a = +v;
+            this._a("cornerRadiusBottomLeft", this.i.ks.a);
+            this.i.ks = this.i.ks;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.m4 ? this.i.m4.c : NaN;
+            return this.i.ks ? this.i.ks.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.m4.c = +v;
-            this._a("cornerRadiusTopLeft", this.i.m4.c);
-            this.i.m4 = this.i.m4;
+            this.i.ks.c = +v;
+            this._a("cornerRadiusTopLeft", this.i.ks.c);
+            this.i.ks = this.i.ks;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.m4 ? this.i.m4.d : NaN;
+            return this.i.ks ? this.i.ks.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.m4.d = +v;
-            this._a("cornerRadiusTopRight", this.i.m4.d);
-            this.i.m4 = this.i.m4;
+            this.i.ks.d = +v;
+            this._a("cornerRadiusTopRight", this.i.ks.d);
+            this.i.ks = this.i.ks;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.m4) {
+        if (this.i.ks) {
             return;
         }
-        this.i.m4 = new CornerRadius(2);
+        this.i.ks = new CornerRadius(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingBottom", {
         get: function () {
-            return this.i.tk ? this.i.tk.bottom : NaN;
+            return this.i.oi ? this.i.oi.bottom : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.tk.bottom = +v;
-            this._a("contentPaddingBottom", this.i.tk.bottom);
-            this.i.tk = this.i.tk;
+            this.i.oi.bottom = +v;
+            this._a("contentPaddingBottom", this.i.oi.bottom);
+            this.i.oi = this.i.oi;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingLeft", {
         get: function () {
-            return this.i.tk ? this.i.tk.left : NaN;
+            return this.i.oi ? this.i.oi.left : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.tk.left = +v;
-            this._a("contentPaddingLeft", this.i.tk.left);
-            this.i.tk = this.i.tk;
+            this.i.oi.left = +v;
+            this._a("contentPaddingLeft", this.i.oi.left);
+            this.i.oi = this.i.oi;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingRight", {
         get: function () {
-            return this.i.tk ? this.i.tk.right : NaN;
+            return this.i.oi ? this.i.oi.right : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.tk.right = +v;
-            this._a("contentPaddingRight", this.i.tk.right);
-            this.i.tk = this.i.tk;
+            this.i.oi.right = +v;
+            this._a("contentPaddingRight", this.i.oi.right);
+            this.i.oi = this.i.oi;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingTop", {
         get: function () {
-            return this.i.tk ? this.i.tk.top : NaN;
+            return this.i.oi ? this.i.oi.top : NaN;
         },
         set: function (v) {
             this.ensureContentPadding();
-            this.i.tk.top = +v;
-            this._a("contentPaddingTop", this.i.tk.top);
-            this.i.tk = this.i.tk;
+            this.i.oi.top = +v;
+            this._a("contentPaddingTop", this.i.oi.top);
+            this.i.oi = this.i.oi;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureContentPadding = function () {
-        if (this.i.tk) {
+        if (this.i.oi) {
             return;
         }
-        this.i.tk = new Thickness(2);
+        this.i.oi = new Thickness(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineWidth", {
         /**
          * Gets or sets the width to use for the underline element.
         */
         get: function () {
-            return this.i.h4;
+            return this.i.e8;
         },
         set: function (v) {
-            this.i.h4 = +v;
-            this._a("underlineWidth", this.i.h4);
+            this.i.e8 = +v;
+            this._a("underlineWidth", this.i.e8);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineRippleWidth", {
@@ -877,13 +877,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element.
         */
         get: function () {
-            return this.i.h3;
+            return this.i.e7;
         },
         set: function (v) {
-            this.i.h3 = +v;
-            this._a("underlineRippleWidth", this.i.h3);
+            this.i.e7 = +v;
+            this._a("underlineRippleWidth", this.i.e7);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "hoverUnderlineWidth", {
@@ -891,13 +891,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when hovered.
         */
         get: function () {
-            return this.i.hg;
+            return this.i.ek;
         },
         set: function (v) {
-            this.i.hg = +v;
-            this._a("hoverUnderlineWidth", this.i.hg);
+            this.i.ek = +v;
+            this._a("hoverUnderlineWidth", this.i.ek);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineColor", {
@@ -905,13 +905,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.s8);
+            return brushToString(this.i.n6);
         },
         set: function (v) {
-            this.i.s8 = stringToBrush(v);
-            this._a("underlineColor", brushToString(this.i.s8));
+            this.i.n6 = stringToBrush(v);
+            this._a("underlineColor", brushToString(this.i.n6));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineRippleColor", {
@@ -919,13 +919,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.s9);
+            return brushToString(this.i.n7);
         },
         set: function (v) {
-            this.i.s9 = stringToBrush(v);
-            this._a("underlineRippleColor", brushToString(this.i.s9));
+            this.i.n7 = stringToBrush(v);
+            this._a("underlineRippleColor", brushToString(this.i.n7));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "hoverUnderlineColor", {
@@ -933,13 +933,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.st);
+            return brushToString(this.i.nq);
         },
         set: function (v) {
-            this.i.st = stringToBrush(v);
-            this._a("hoverUnderlineColor", brushToString(this.i.st));
+            this.i.nq = stringToBrush(v);
+            this._a("hoverUnderlineColor", brushToString(this.i.nq));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "focusUnderlineColor", {
@@ -947,13 +947,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.ss);
+            return brushToString(this.i.np);
         },
         set: function (v) {
-            this.i.ss = stringToBrush(v);
-            this._a("focusUnderlineColor", brushToString(this.i.ss));
+            this.i.np = stringToBrush(v);
+            this._a("focusUnderlineColor", brushToString(this.i.np));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineOpacity", {
@@ -961,13 +961,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return this.i.h1;
+            return this.i.e5;
         },
         set: function (v) {
-            this.i.h1 = +v;
-            this._a("underlineOpacity", this.i.h1);
+            this.i.e5 = +v;
+            this._a("underlineOpacity", this.i.e5);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "hoverUnderlineOpacity", {
@@ -975,13 +975,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.ej;
         },
         set: function (v) {
-            this.i.hf = +v;
-            this._a("hoverUnderlineOpacity", this.i.hf);
+            this.i.ej = +v;
+            this._a("hoverUnderlineOpacity", this.i.ej);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "focusUnderlineOpacity", {
@@ -989,13 +989,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return this.i.hd;
+            return this.i.eh;
         },
         set: function (v) {
-            this.i.hd = +v;
-            this._a("focusUnderlineOpacity", this.i.hd);
+            this.i.eh = +v;
+            this._a("focusUnderlineOpacity", this.i.eh);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "focusUnderlineRippleOpacity", {
@@ -1003,13 +1003,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when focused.
         */
         get: function () {
-            return this.i.he;
+            return this.i.ei;
         },
         set: function (v) {
-            this.i.he = +v;
-            this._a("focusUnderlineRippleOpacity", this.i.he);
+            this.i.ei = +v;
+            this._a("focusUnderlineRippleOpacity", this.i.ei);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineRippleOpacity", {
@@ -1017,13 +1017,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element.
         */
         get: function () {
-            return this.i.h2;
+            return this.i.e6;
         },
         set: function (v) {
-            this.i.h2 = +v;
-            this._a("underlineRippleOpacity", this.i.h2);
+            this.i.e6 = +v;
+            this._a("underlineRippleOpacity", this.i.e6);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "backgroundColor", {
@@ -1031,13 +1031,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color to use for the input group.
         */
         get: function () {
-            return brushToString(this.i.oz);
+            return brushToString(this.i.mc);
         },
         set: function (v) {
-            this.i.oz = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.oz));
+            this.i.mc = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.mc));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeBorderWidth", {
@@ -1045,13 +1045,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group when using type line.
         */
         get: function () {
-            return this.i.hh;
+            return this.i.el;
         },
         set: function (v) {
-            this.i.hh = +v;
-            this._a("lineTypeBorderWidth", this.i.hh);
+            this.i.el = +v;
+            this._a("lineTypeBorderWidth", this.i.el);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusBorderWidth", {
@@ -1059,13 +1059,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group when focused when type is line.
         */
         get: function () {
-            return this.i.hi;
+            return this.i.em;
         },
         set: function (v) {
-            this.i.hi = +v;
-            this._a("lineTypeFocusBorderWidth", this.i.hi);
+            this.i.em = +v;
+            this._a("lineTypeFocusBorderWidth", this.i.em);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusBorderColor", {
@@ -1073,13 +1073,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the focus color to use the border of the input group when type is line.
         */
         get: function () {
-            return brushToString(this.i.sw);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.sw = stringToBrush(v);
-            this._a("lineTypeFocusBorderColor", brushToString(this.i.sw));
+            this.i.nt = stringToBrush(v);
+            this._a("lineTypeFocusBorderColor", brushToString(this.i.nt));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeBorderColor", {
@@ -1087,143 +1087,143 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use the border of the input group when type is line.
         */
         get: function () {
-            return brushToString(this.i.sv);
+            return brushToString(this.i.ns);
         },
         set: function (v) {
-            this.i.sv = stringToBrush(v);
-            this._a("lineTypeBorderColor", brushToString(this.i.sv));
+            this.i.ns = stringToBrush(v);
+            this._a("lineTypeBorderColor", brushToString(this.i.ns));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.nk ? this.i.nk.b : NaN;
+            return this.i.kx ? this.i.kx.b : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.nk.b = +v;
-            this._a("lineTypeCornerRadiusBottomRight", this.i.nk.b);
-            this.i.nk = this.i.nk;
+            this.i.kx.b = +v;
+            this._a("lineTypeCornerRadiusBottomRight", this.i.kx.b);
+            this.i.kx = this.i.kx;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.nk ? this.i.nk.a : NaN;
+            return this.i.kx ? this.i.kx.a : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.nk.a = +v;
-            this._a("lineTypeCornerRadiusBottomLeft", this.i.nk.a);
-            this.i.nk = this.i.nk;
+            this.i.kx.a = +v;
+            this._a("lineTypeCornerRadiusBottomLeft", this.i.kx.a);
+            this.i.kx = this.i.kx;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.nk ? this.i.nk.c : NaN;
+            return this.i.kx ? this.i.kx.c : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.nk.c = +v;
-            this._a("lineTypeCornerRadiusTopLeft", this.i.nk.c);
-            this.i.nk = this.i.nk;
+            this.i.kx.c = +v;
+            this._a("lineTypeCornerRadiusTopLeft", this.i.kx.c);
+            this.i.kx = this.i.kx;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.nk ? this.i.nk.d : NaN;
+            return this.i.kx ? this.i.kx.d : NaN;
         },
         set: function (v) {
             this.ensureLineTypeCornerRadius();
-            this.i.nk.d = +v;
-            this._a("lineTypeCornerRadiusTopRight", this.i.nk.d);
-            this.i.nk = this.i.nk;
+            this.i.kx.d = +v;
+            this._a("lineTypeCornerRadiusTopRight", this.i.kx.d);
+            this.i.kx = this.i.kx;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureLineTypeCornerRadius = function () {
-        if (this.i.nk) {
+        if (this.i.kx) {
             return;
         }
-        this.i.nk = new CornerRadius(2);
+        this.i.kx = new CornerRadius(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingBottom", {
         get: function () {
-            return this.i.t0 ? this.i.t0.bottom : NaN;
+            return this.i.on ? this.i.on.bottom : NaN;
         },
         set: function (v) {
             this.ensureLineTypeContentPadding();
-            this.i.t0.bottom = +v;
-            this._a("lineTypeContentPaddingBottom", this.i.t0.bottom);
-            this.i.t0 = this.i.t0;
+            this.i.on.bottom = +v;
+            this._a("lineTypeContentPaddingBottom", this.i.on.bottom);
+            this.i.on = this.i.on;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingLeft", {
         get: function () {
-            return this.i.t0 ? this.i.t0.left : NaN;
+            return this.i.on ? this.i.on.left : NaN;
         },
         set: function (v) {
             this.ensureLineTypeContentPadding();
-            this.i.t0.left = +v;
-            this._a("lineTypeContentPaddingLeft", this.i.t0.left);
-            this.i.t0 = this.i.t0;
+            this.i.on.left = +v;
+            this._a("lineTypeContentPaddingLeft", this.i.on.left);
+            this.i.on = this.i.on;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingRight", {
         get: function () {
-            return this.i.t0 ? this.i.t0.right : NaN;
+            return this.i.on ? this.i.on.right : NaN;
         },
         set: function (v) {
             this.ensureLineTypeContentPadding();
-            this.i.t0.right = +v;
-            this._a("lineTypeContentPaddingRight", this.i.t0.right);
-            this.i.t0 = this.i.t0;
+            this.i.on.right = +v;
+            this._a("lineTypeContentPaddingRight", this.i.on.right);
+            this.i.on = this.i.on;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingTop", {
         get: function () {
-            return this.i.t0 ? this.i.t0.top : NaN;
+            return this.i.on ? this.i.on.top : NaN;
         },
         set: function (v) {
             this.ensureLineTypeContentPadding();
-            this.i.t0.top = +v;
-            this._a("lineTypeContentPaddingTop", this.i.t0.top);
-            this.i.t0 = this.i.t0;
+            this.i.on.top = +v;
+            this._a("lineTypeContentPaddingTop", this.i.on.top);
+            this.i.on = this.i.on;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureLineTypeContentPadding = function () {
-        if (this.i.t0) {
+        if (this.i.on) {
             return;
         }
-        this.i.t0 = new Thickness(2);
+        this.i.on = new Thickness(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineWidth", {
         /**
          * Gets or sets the width to use for the underline element when type is line.
         */
         get: function () {
-            return this.i.hq;
+            return this.i.eu;
         },
         set: function (v) {
-            this.i.hq = +v;
-            this._a("lineTypeUnderlineWidth", this.i.hq);
+            this.i.eu = +v;
+            this._a("lineTypeUnderlineWidth", this.i.eu);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineRippleWidth", {
@@ -1231,13 +1231,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when type is line.
         */
         get: function () {
-            return this.i.hp;
+            return this.i.et;
         },
         set: function (v) {
-            this.i.hp = +v;
-            this._a("lineTypeUnderlineRippleWidth", this.i.hp);
+            this.i.et = +v;
+            this._a("lineTypeUnderlineRippleWidth", this.i.et);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeHoverUnderlineWidth", {
@@ -1245,13 +1245,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when hovered when type is line.
         */
         get: function () {
-            return this.i.hm;
+            return this.i.eq;
         },
         set: function (v) {
-            this.i.hm = +v;
-            this._a("lineTypeHoverUnderlineWidth", this.i.hm);
+            this.i.eq = +v;
+            this._a("lineTypeHoverUnderlineWidth", this.i.eq);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineColor", {
@@ -1259,13 +1259,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is line.
         */
         get: function () {
-            return brushToString(this.i.sz);
+            return brushToString(this.i.nw);
         },
         set: function (v) {
-            this.i.sz = stringToBrush(v);
-            this._a("lineTypeUnderlineColor", brushToString(this.i.sz));
+            this.i.nw = stringToBrush(v);
+            this._a("lineTypeUnderlineColor", brushToString(this.i.nw));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineRippleColor", {
@@ -1273,13 +1273,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline ripple element when type is line.
         */
         get: function () {
-            return brushToString(this.i.s0);
+            return brushToString(this.i.nx);
         },
         set: function (v) {
-            this.i.s0 = stringToBrush(v);
-            this._a("lineTypeUnderlineRippleColor", brushToString(this.i.s0));
+            this.i.nx = stringToBrush(v);
+            this._a("lineTypeUnderlineRippleColor", brushToString(this.i.nx));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeHoverUnderlineColor", {
@@ -1287,13 +1287,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is line.
         */
         get: function () {
-            return brushToString(this.i.sy);
+            return brushToString(this.i.nv);
         },
         set: function (v) {
-            this.i.sy = stringToBrush(v);
-            this._a("lineTypeHoverUnderlineColor", brushToString(this.i.sy));
+            this.i.nv = stringToBrush(v);
+            this._a("lineTypeHoverUnderlineColor", brushToString(this.i.nv));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusUnderlineColor", {
@@ -1301,13 +1301,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is line.
         */
         get: function () {
-            return brushToString(this.i.sx);
+            return brushToString(this.i.nu);
         },
         set: function (v) {
-            this.i.sx = stringToBrush(v);
-            this._a("lineTypeFocusUnderlineColor", brushToString(this.i.sx));
+            this.i.nu = stringToBrush(v);
+            this._a("lineTypeFocusUnderlineColor", brushToString(this.i.nu));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineOpacity", {
@@ -1315,13 +1315,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is line.
         */
         get: function () {
-            return this.i.hn;
+            return this.i.er;
         },
         set: function (v) {
-            this.i.hn = +v;
-            this._a("lineTypeUnderlineOpacity", this.i.hn);
+            this.i.er = +v;
+            this._a("lineTypeUnderlineOpacity", this.i.er);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeHoverUnderlineOpacity", {
@@ -1329,13 +1329,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is line.
         */
         get: function () {
-            return this.i.hl;
+            return this.i.ep;
         },
         set: function (v) {
-            this.i.hl = +v;
-            this._a("lineTypeHoverUnderlineOpacity", this.i.hl);
+            this.i.ep = +v;
+            this._a("lineTypeHoverUnderlineOpacity", this.i.ep);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusUnderlineOpacity", {
@@ -1343,13 +1343,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is line.
         */
         get: function () {
-            return this.i.hj;
+            return this.i.en;
         },
         set: function (v) {
-            this.i.hj = +v;
-            this._a("lineTypeFocusUnderlineOpacity", this.i.hj);
+            this.i.en = +v;
+            this._a("lineTypeFocusUnderlineOpacity", this.i.en);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusUnderlineRippleOpacity", {
@@ -1357,13 +1357,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when focused when type is line.
         */
         get: function () {
-            return this.i.hk;
+            return this.i.eo;
         },
         set: function (v) {
-            this.i.hk = +v;
-            this._a("lineTypeFocusUnderlineRippleOpacity", this.i.hk);
+            this.i.eo = +v;
+            this._a("lineTypeFocusUnderlineRippleOpacity", this.i.eo);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineRippleOpacity", {
@@ -1371,13 +1371,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when type is line.
         */
         get: function () {
-            return this.i.ho;
+            return this.i.es;
         },
         set: function (v) {
-            this.i.ho = +v;
-            this._a("lineTypeUnderlineRippleOpacity", this.i.ho);
+            this.i.es = +v;
+            this._a("lineTypeUnderlineRippleOpacity", this.i.es);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeBackgroundColor", {
@@ -1385,13 +1385,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color to use for the input group when type is line.
         */
         get: function () {
-            return brushToString(this.i.su);
+            return brushToString(this.i.nr);
         },
         set: function (v) {
-            this.i.su = stringToBrush(v);
-            this._a("lineTypeBackgroundColor", brushToString(this.i.su));
+            this.i.nr = stringToBrush(v);
+            this._a("lineTypeBackgroundColor", brushToString(this.i.nr));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeBorderWidth", {
@@ -1399,13 +1399,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group when using type line.
         */
         get: function () {
-            return this.i.cv;
+            return this.i.c1;
         },
         set: function (v) {
-            this.i.cv = +v;
-            this._a("boxTypeBorderWidth", this.i.cv);
+            this.i.c1 = +v;
+            this._a("boxTypeBorderWidth", this.i.c1);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusBorderWidth", {
@@ -1413,13 +1413,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group when focused when type is box.
         */
         get: function () {
-            return this.i.cw;
+            return this.i.c2;
         },
         set: function (v) {
-            this.i.cw = +v;
-            this._a("boxTypeFocusBorderWidth", this.i.cw);
+            this.i.c2 = +v;
+            this._a("boxTypeFocusBorderWidth", this.i.c2);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusBorderColor", {
@@ -1427,13 +1427,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the focus color to use the border of the input group when type is box.
         */
         get: function () {
-            return brushToString(this.i.pa);
+            return brushToString(this.i.mn);
         },
         set: function (v) {
-            this.i.pa = stringToBrush(v);
-            this._a("boxTypeFocusBorderColor", brushToString(this.i.pa));
+            this.i.mn = stringToBrush(v);
+            this._a("boxTypeFocusBorderColor", brushToString(this.i.mn));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeBorderColor", {
@@ -1441,143 +1441,143 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use the border of the input group when type is box.
         */
         get: function () {
-            return brushToString(this.i.o9);
+            return brushToString(this.i.mm);
         },
         set: function (v) {
-            this.i.o9 = stringToBrush(v);
-            this._a("boxTypeBorderColor", brushToString(this.i.o9));
+            this.i.mm = stringToBrush(v);
+            this._a("boxTypeBorderColor", brushToString(this.i.mm));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.m2 ? this.i.m2.b : NaN;
+            return this.i.kq ? this.i.kq.b : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.m2.b = +v;
-            this._a("boxTypeCornerRadiusBottomRight", this.i.m2.b);
-            this.i.m2 = this.i.m2;
+            this.i.kq.b = +v;
+            this._a("boxTypeCornerRadiusBottomRight", this.i.kq.b);
+            this.i.kq = this.i.kq;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.m2 ? this.i.m2.a : NaN;
+            return this.i.kq ? this.i.kq.a : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.m2.a = +v;
-            this._a("boxTypeCornerRadiusBottomLeft", this.i.m2.a);
-            this.i.m2 = this.i.m2;
+            this.i.kq.a = +v;
+            this._a("boxTypeCornerRadiusBottomLeft", this.i.kq.a);
+            this.i.kq = this.i.kq;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.m2 ? this.i.m2.c : NaN;
+            return this.i.kq ? this.i.kq.c : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.m2.c = +v;
-            this._a("boxTypeCornerRadiusTopLeft", this.i.m2.c);
-            this.i.m2 = this.i.m2;
+            this.i.kq.c = +v;
+            this._a("boxTypeCornerRadiusTopLeft", this.i.kq.c);
+            this.i.kq = this.i.kq;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.m2 ? this.i.m2.d : NaN;
+            return this.i.kq ? this.i.kq.d : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeCornerRadius();
-            this.i.m2.d = +v;
-            this._a("boxTypeCornerRadiusTopRight", this.i.m2.d);
-            this.i.m2 = this.i.m2;
+            this.i.kq.d = +v;
+            this._a("boxTypeCornerRadiusTopRight", this.i.kq.d);
+            this.i.kq = this.i.kq;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureBoxTypeCornerRadius = function () {
-        if (this.i.m2) {
+        if (this.i.kq) {
             return;
         }
-        this.i.m2 = new CornerRadius(2);
+        this.i.kq = new CornerRadius(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingBottom", {
         get: function () {
-            return this.i.ti ? this.i.ti.bottom : NaN;
+            return this.i.og ? this.i.og.bottom : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeContentPadding();
-            this.i.ti.bottom = +v;
-            this._a("boxTypeContentPaddingBottom", this.i.ti.bottom);
-            this.i.ti = this.i.ti;
+            this.i.og.bottom = +v;
+            this._a("boxTypeContentPaddingBottom", this.i.og.bottom);
+            this.i.og = this.i.og;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingLeft", {
         get: function () {
-            return this.i.ti ? this.i.ti.left : NaN;
+            return this.i.og ? this.i.og.left : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeContentPadding();
-            this.i.ti.left = +v;
-            this._a("boxTypeContentPaddingLeft", this.i.ti.left);
-            this.i.ti = this.i.ti;
+            this.i.og.left = +v;
+            this._a("boxTypeContentPaddingLeft", this.i.og.left);
+            this.i.og = this.i.og;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingRight", {
         get: function () {
-            return this.i.ti ? this.i.ti.right : NaN;
+            return this.i.og ? this.i.og.right : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeContentPadding();
-            this.i.ti.right = +v;
-            this._a("boxTypeContentPaddingRight", this.i.ti.right);
-            this.i.ti = this.i.ti;
+            this.i.og.right = +v;
+            this._a("boxTypeContentPaddingRight", this.i.og.right);
+            this.i.og = this.i.og;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingTop", {
         get: function () {
-            return this.i.ti ? this.i.ti.top : NaN;
+            return this.i.og ? this.i.og.top : NaN;
         },
         set: function (v) {
             this.ensureBoxTypeContentPadding();
-            this.i.ti.top = +v;
-            this._a("boxTypeContentPaddingTop", this.i.ti.top);
-            this.i.ti = this.i.ti;
+            this.i.og.top = +v;
+            this._a("boxTypeContentPaddingTop", this.i.og.top);
+            this.i.og = this.i.og;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureBoxTypeContentPadding = function () {
-        if (this.i.ti) {
+        if (this.i.og) {
             return;
         }
-        this.i.ti = new Thickness(2);
+        this.i.og = new Thickness(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineWidth", {
         /**
          * Gets or sets the width to use for the underline element when type is box.
         */
         get: function () {
-            return this.i.c4;
+            return this.i.da;
         },
         set: function (v) {
-            this.i.c4 = +v;
-            this._a("boxTypeUnderlineWidth", this.i.c4);
+            this.i.da = +v;
+            this._a("boxTypeUnderlineWidth", this.i.da);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineRippleWidth", {
@@ -1585,13 +1585,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when type is box.
         */
         get: function () {
-            return this.i.c3;
+            return this.i.c9;
         },
         set: function (v) {
-            this.i.c3 = +v;
-            this._a("boxTypeUnderlineRippleWidth", this.i.c3);
+            this.i.c9 = +v;
+            this._a("boxTypeUnderlineRippleWidth", this.i.c9);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeHoverUnderlineWidth", {
@@ -1599,13 +1599,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when hovered when type is box.
         */
         get: function () {
-            return this.i.c0;
+            return this.i.c6;
         },
         set: function (v) {
-            this.i.c0 = +v;
-            this._a("boxTypeHoverUnderlineWidth", this.i.c0);
+            this.i.c6 = +v;
+            this._a("boxTypeHoverUnderlineWidth", this.i.c6);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineColor", {
@@ -1613,13 +1613,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is box.
         */
         get: function () {
-            return brushToString(this.i.pd);
+            return brushToString(this.i.mq);
         },
         set: function (v) {
-            this.i.pd = stringToBrush(v);
-            this._a("boxTypeUnderlineColor", brushToString(this.i.pd));
+            this.i.mq = stringToBrush(v);
+            this._a("boxTypeUnderlineColor", brushToString(this.i.mq));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineRippleColor", {
@@ -1627,13 +1627,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline ripple element when type is box.
         */
         get: function () {
-            return brushToString(this.i.pe);
+            return brushToString(this.i.mr);
         },
         set: function (v) {
-            this.i.pe = stringToBrush(v);
-            this._a("boxTypeUnderlineRippleColor", brushToString(this.i.pe));
+            this.i.mr = stringToBrush(v);
+            this._a("boxTypeUnderlineRippleColor", brushToString(this.i.mr));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeHoverUnderlineColor", {
@@ -1641,13 +1641,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is box.
         */
         get: function () {
-            return brushToString(this.i.pc);
+            return brushToString(this.i.mp);
         },
         set: function (v) {
-            this.i.pc = stringToBrush(v);
-            this._a("boxTypeHoverUnderlineColor", brushToString(this.i.pc));
+            this.i.mp = stringToBrush(v);
+            this._a("boxTypeHoverUnderlineColor", brushToString(this.i.mp));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusUnderlineColor", {
@@ -1655,13 +1655,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is box.
         */
         get: function () {
-            return brushToString(this.i.pb);
+            return brushToString(this.i.mo);
         },
         set: function (v) {
-            this.i.pb = stringToBrush(v);
-            this._a("boxTypeFocusUnderlineColor", brushToString(this.i.pb));
+            this.i.mo = stringToBrush(v);
+            this._a("boxTypeFocusUnderlineColor", brushToString(this.i.mo));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineOpacity", {
@@ -1669,13 +1669,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is box.
         */
         get: function () {
-            return this.i.c1;
+            return this.i.c7;
         },
         set: function (v) {
-            this.i.c1 = +v;
-            this._a("boxTypeUnderlineOpacity", this.i.c1);
+            this.i.c7 = +v;
+            this._a("boxTypeUnderlineOpacity", this.i.c7);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeHoverUnderlineOpacity", {
@@ -1683,13 +1683,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is box.
         */
         get: function () {
-            return this.i.cz;
+            return this.i.c5;
         },
         set: function (v) {
-            this.i.cz = +v;
-            this._a("boxTypeHoverUnderlineOpacity", this.i.cz);
+            this.i.c5 = +v;
+            this._a("boxTypeHoverUnderlineOpacity", this.i.c5);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusUnderlineOpacity", {
@@ -1697,13 +1697,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is box.
         */
         get: function () {
-            return this.i.cx;
+            return this.i.c3;
         },
         set: function (v) {
-            this.i.cx = +v;
-            this._a("boxTypeFocusUnderlineOpacity", this.i.cx);
+            this.i.c3 = +v;
+            this._a("boxTypeFocusUnderlineOpacity", this.i.c3);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusUnderlineRippleOpacity", {
@@ -1711,13 +1711,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when focused when type is box.
         */
         get: function () {
-            return this.i.cy;
+            return this.i.c4;
         },
         set: function (v) {
-            this.i.cy = +v;
-            this._a("boxTypeFocusUnderlineRippleOpacity", this.i.cy);
+            this.i.c4 = +v;
+            this._a("boxTypeFocusUnderlineRippleOpacity", this.i.c4);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineRippleOpacity", {
@@ -1725,13 +1725,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when type is box.
         */
         get: function () {
-            return this.i.c2;
+            return this.i.c8;
         },
         set: function (v) {
-            this.i.c2 = +v;
-            this._a("boxTypeUnderlineRippleOpacity", this.i.c2);
+            this.i.c8 = +v;
+            this._a("boxTypeUnderlineRippleOpacity", this.i.c8);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeBackgroundColor", {
@@ -1739,13 +1739,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color to use for the input group when type is box.
         */
         get: function () {
-            return brushToString(this.i.o8);
+            return brushToString(this.i.ml);
         },
         set: function (v) {
-            this.i.o8 = stringToBrush(v);
-            this._a("boxTypeBackgroundColor", brushToString(this.i.o8));
+            this.i.ml = stringToBrush(v);
+            this._a("boxTypeBackgroundColor", brushToString(this.i.ml));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeBorderWidth", {
@@ -1753,13 +1753,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group when using type line.
         */
         get: function () {
-            return this.i.ck;
+            return this.i.cq;
         },
         set: function (v) {
-            this.i.ck = +v;
-            this._a("borderTypeBorderWidth", this.i.ck);
+            this.i.cq = +v;
+            this._a("borderTypeBorderWidth", this.i.cq);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusBorderWidth", {
@@ -1767,13 +1767,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border width to use for the border of the item group when focused when type is border.
         */
         get: function () {
-            return this.i.cl;
+            return this.i.cr;
         },
         set: function (v) {
-            this.i.cl = +v;
-            this._a("borderTypeFocusBorderWidth", this.i.cl);
+            this.i.cr = +v;
+            this._a("borderTypeFocusBorderWidth", this.i.cr);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusBorderColor", {
@@ -1781,13 +1781,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the focus color to use the border of the input group when type is border.
         */
         get: function () {
-            return brushToString(this.i.o3);
+            return brushToString(this.i.mg);
         },
         set: function (v) {
-            this.i.o3 = stringToBrush(v);
-            this._a("borderTypeFocusBorderColor", brushToString(this.i.o3));
+            this.i.mg = stringToBrush(v);
+            this._a("borderTypeFocusBorderColor", brushToString(this.i.mg));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeBorderColor", {
@@ -1795,143 +1795,143 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use the border of the input group when type is border.
         */
         get: function () {
-            return brushToString(this.i.o2);
+            return brushToString(this.i.mf);
         },
         set: function (v) {
-            this.i.o2 = stringToBrush(v);
-            this._a("borderTypeBorderColor", brushToString(this.i.o2));
+            this.i.mf = stringToBrush(v);
+            this._a("borderTypeBorderColor", brushToString(this.i.mf));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.m1 ? this.i.m1.b : NaN;
+            return this.i.kp ? this.i.kp.b : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.m1.b = +v;
-            this._a("borderTypeCornerRadiusBottomRight", this.i.m1.b);
-            this.i.m1 = this.i.m1;
+            this.i.kp.b = +v;
+            this._a("borderTypeCornerRadiusBottomRight", this.i.kp.b);
+            this.i.kp = this.i.kp;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.m1 ? this.i.m1.a : NaN;
+            return this.i.kp ? this.i.kp.a : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.m1.a = +v;
-            this._a("borderTypeCornerRadiusBottomLeft", this.i.m1.a);
-            this.i.m1 = this.i.m1;
+            this.i.kp.a = +v;
+            this._a("borderTypeCornerRadiusBottomLeft", this.i.kp.a);
+            this.i.kp = this.i.kp;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.m1 ? this.i.m1.c : NaN;
+            return this.i.kp ? this.i.kp.c : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.m1.c = +v;
-            this._a("borderTypeCornerRadiusTopLeft", this.i.m1.c);
-            this.i.m1 = this.i.m1;
+            this.i.kp.c = +v;
+            this._a("borderTypeCornerRadiusTopLeft", this.i.kp.c);
+            this.i.kp = this.i.kp;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.m1 ? this.i.m1.d : NaN;
+            return this.i.kp ? this.i.kp.d : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeCornerRadius();
-            this.i.m1.d = +v;
-            this._a("borderTypeCornerRadiusTopRight", this.i.m1.d);
-            this.i.m1 = this.i.m1;
+            this.i.kp.d = +v;
+            this._a("borderTypeCornerRadiusTopRight", this.i.kp.d);
+            this.i.kp = this.i.kp;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureBorderTypeCornerRadius = function () {
-        if (this.i.m1) {
+        if (this.i.kp) {
             return;
         }
-        this.i.m1 = new CornerRadius(2);
+        this.i.kp = new CornerRadius(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingBottom", {
         get: function () {
-            return this.i.th ? this.i.th.bottom : NaN;
+            return this.i.of ? this.i.of.bottom : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeContentPadding();
-            this.i.th.bottom = +v;
-            this._a("borderTypeContentPaddingBottom", this.i.th.bottom);
-            this.i.th = this.i.th;
+            this.i.of.bottom = +v;
+            this._a("borderTypeContentPaddingBottom", this.i.of.bottom);
+            this.i.of = this.i.of;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingLeft", {
         get: function () {
-            return this.i.th ? this.i.th.left : NaN;
+            return this.i.of ? this.i.of.left : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeContentPadding();
-            this.i.th.left = +v;
-            this._a("borderTypeContentPaddingLeft", this.i.th.left);
-            this.i.th = this.i.th;
+            this.i.of.left = +v;
+            this._a("borderTypeContentPaddingLeft", this.i.of.left);
+            this.i.of = this.i.of;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingRight", {
         get: function () {
-            return this.i.th ? this.i.th.right : NaN;
+            return this.i.of ? this.i.of.right : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeContentPadding();
-            this.i.th.right = +v;
-            this._a("borderTypeContentPaddingRight", this.i.th.right);
-            this.i.th = this.i.th;
+            this.i.of.right = +v;
+            this._a("borderTypeContentPaddingRight", this.i.of.right);
+            this.i.of = this.i.of;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingTop", {
         get: function () {
-            return this.i.th ? this.i.th.top : NaN;
+            return this.i.of ? this.i.of.top : NaN;
         },
         set: function (v) {
             this.ensureBorderTypeContentPadding();
-            this.i.th.top = +v;
-            this._a("borderTypeContentPaddingTop", this.i.th.top);
-            this.i.th = this.i.th;
+            this.i.of.top = +v;
+            this._a("borderTypeContentPaddingTop", this.i.of.top);
+            this.i.of = this.i.of;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureBorderTypeContentPadding = function () {
-        if (this.i.th) {
+        if (this.i.of) {
             return;
         }
-        this.i.th = new Thickness(2);
+        this.i.of = new Thickness(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineWidth", {
         /**
          * Gets or sets the width to use for the underline element when type is border.
         */
         get: function () {
-            return this.i.ct;
+            return this.i.cz;
         },
         set: function (v) {
-            this.i.ct = +v;
-            this._a("borderTypeUnderlineWidth", this.i.ct);
+            this.i.cz = +v;
+            this._a("borderTypeUnderlineWidth", this.i.cz);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineRippleWidth", {
@@ -1939,13 +1939,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when type is border.
         */
         get: function () {
-            return this.i.cs;
+            return this.i.cy;
         },
         set: function (v) {
-            this.i.cs = +v;
-            this._a("borderTypeUnderlineRippleWidth", this.i.cs);
+            this.i.cy = +v;
+            this._a("borderTypeUnderlineRippleWidth", this.i.cy);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeHoverUnderlineWidth", {
@@ -1953,13 +1953,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when hovered when type is border.
         */
         get: function () {
-            return this.i.cp;
+            return this.i.cv;
         },
         set: function (v) {
-            this.i.cp = +v;
-            this._a("borderTypeHoverUnderlineWidth", this.i.cp);
+            this.i.cv = +v;
+            this._a("borderTypeHoverUnderlineWidth", this.i.cv);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineColor", {
@@ -1967,13 +1967,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is border.
         */
         get: function () {
-            return brushToString(this.i.o6);
+            return brushToString(this.i.mj);
         },
         set: function (v) {
-            this.i.o6 = stringToBrush(v);
-            this._a("borderTypeUnderlineColor", brushToString(this.i.o6));
+            this.i.mj = stringToBrush(v);
+            this._a("borderTypeUnderlineColor", brushToString(this.i.mj));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineRippleColor", {
@@ -1981,13 +1981,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline ripple element when type is border.
         */
         get: function () {
-            return brushToString(this.i.o7);
+            return brushToString(this.i.mk);
         },
         set: function (v) {
-            this.i.o7 = stringToBrush(v);
-            this._a("borderTypeUnderlineRippleColor", brushToString(this.i.o7));
+            this.i.mk = stringToBrush(v);
+            this._a("borderTypeUnderlineRippleColor", brushToString(this.i.mk));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeHoverUnderlineColor", {
@@ -1995,13 +1995,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is border.
         */
         get: function () {
-            return brushToString(this.i.o5);
+            return brushToString(this.i.mi);
         },
         set: function (v) {
-            this.i.o5 = stringToBrush(v);
-            this._a("borderTypeHoverUnderlineColor", brushToString(this.i.o5));
+            this.i.mi = stringToBrush(v);
+            this._a("borderTypeHoverUnderlineColor", brushToString(this.i.mi));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusUnderlineColor", {
@@ -2009,13 +2009,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is border.
         */
         get: function () {
-            return brushToString(this.i.o4);
+            return brushToString(this.i.mh);
         },
         set: function (v) {
-            this.i.o4 = stringToBrush(v);
-            this._a("borderTypeFocusUnderlineColor", brushToString(this.i.o4));
+            this.i.mh = stringToBrush(v);
+            this._a("borderTypeFocusUnderlineColor", brushToString(this.i.mh));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineOpacity", {
@@ -2023,13 +2023,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is border.
         */
         get: function () {
-            return this.i.cq;
+            return this.i.cw;
         },
         set: function (v) {
-            this.i.cq = +v;
-            this._a("borderTypeUnderlineOpacity", this.i.cq);
+            this.i.cw = +v;
+            this._a("borderTypeUnderlineOpacity", this.i.cw);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeHoverUnderlineOpacity", {
@@ -2037,13 +2037,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is border.
         */
         get: function () {
-            return this.i.co;
+            return this.i.cu;
         },
         set: function (v) {
-            this.i.co = +v;
-            this._a("borderTypeHoverUnderlineOpacity", this.i.co);
+            this.i.cu = +v;
+            this._a("borderTypeHoverUnderlineOpacity", this.i.cu);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusUnderlineOpacity", {
@@ -2051,13 +2051,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is border.
         */
         get: function () {
-            return this.i.cm;
+            return this.i.cs;
         },
         set: function (v) {
-            this.i.cm = +v;
-            this._a("borderTypeFocusUnderlineOpacity", this.i.cm);
+            this.i.cs = +v;
+            this._a("borderTypeFocusUnderlineOpacity", this.i.cs);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusUnderlineRippleOpacity", {
@@ -2065,13 +2065,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when focused when type is border.
         */
         get: function () {
-            return this.i.cn;
+            return this.i.ct;
         },
         set: function (v) {
-            this.i.cn = +v;
-            this._a("borderTypeFocusUnderlineRippleOpacity", this.i.cn);
+            this.i.ct = +v;
+            this._a("borderTypeFocusUnderlineRippleOpacity", this.i.ct);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineRippleOpacity", {
@@ -2079,13 +2079,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when type is border.
         */
         get: function () {
-            return this.i.cr;
+            return this.i.cx;
         },
         set: function (v) {
-            this.i.cr = +v;
-            this._a("borderTypeUnderlineRippleOpacity", this.i.cr);
+            this.i.cx = +v;
+            this._a("borderTypeUnderlineRippleOpacity", this.i.cx);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeBackgroundColor", {
@@ -2093,13 +2093,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color to use for the input group when type is border.
         */
         get: function () {
-            return brushToString(this.i.o1);
+            return brushToString(this.i.me);
         },
         set: function (v) {
-            this.i.o1 = stringToBrush(v);
-            this._a("borderTypeBackgroundColor", brushToString(this.i.o1));
+            this.i.me = stringToBrush(v);
+            this._a("borderTypeBackgroundColor", brushToString(this.i.me));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeBorderWidth", {
@@ -2107,13 +2107,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search width to use for the border of the item group when using type line.
         */
         get: function () {
-            return this.i.hr;
+            return this.i.ev;
         },
         set: function (v) {
-            this.i.hr = +v;
-            this._a("searchTypeBorderWidth", this.i.hr);
+            this.i.ev = +v;
+            this._a("searchTypeBorderWidth", this.i.ev);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusBorderWidth", {
@@ -2121,13 +2121,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search width to use for the border of the item group when focused when type is search.
         */
         get: function () {
-            return this.i.hs;
+            return this.i.ew;
         },
         set: function (v) {
-            this.i.hs = +v;
-            this._a("searchTypeFocusBorderWidth", this.i.hs);
+            this.i.ew = +v;
+            this._a("searchTypeFocusBorderWidth", this.i.ew);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusBorderColor", {
@@ -2135,13 +2135,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the focus color to use the search of the input group when type is search.
         */
         get: function () {
-            return brushToString(this.i.s3);
+            return brushToString(this.i.n0);
         },
         set: function (v) {
-            this.i.s3 = stringToBrush(v);
-            this._a("searchTypeFocusBorderColor", brushToString(this.i.s3));
+            this.i.n0 = stringToBrush(v);
+            this._a("searchTypeFocusBorderColor", brushToString(this.i.n0));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeBorderColor", {
@@ -2149,143 +2149,143 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use the search of the input group when type is search.
         */
         get: function () {
-            return brushToString(this.i.s2);
+            return brushToString(this.i.nz);
         },
         set: function (v) {
-            this.i.s2 = stringToBrush(v);
-            this._a("searchTypeBorderColor", brushToString(this.i.s2));
+            this.i.nz = stringToBrush(v);
+            this._a("searchTypeBorderColor", brushToString(this.i.nz));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusBottomRight", {
         get: function () {
-            return this.i.nl ? this.i.nl.b : NaN;
+            return this.i.ky ? this.i.ky.b : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.nl.b = +v;
-            this._a("searchTypeCornerRadiusBottomRight", this.i.nl.b);
-            this.i.nl = this.i.nl;
+            this.i.ky.b = +v;
+            this._a("searchTypeCornerRadiusBottomRight", this.i.ky.b);
+            this.i.ky = this.i.ky;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.nl ? this.i.nl.a : NaN;
+            return this.i.ky ? this.i.ky.a : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.nl.a = +v;
-            this._a("searchTypeCornerRadiusBottomLeft", this.i.nl.a);
-            this.i.nl = this.i.nl;
+            this.i.ky.a = +v;
+            this._a("searchTypeCornerRadiusBottomLeft", this.i.ky.a);
+            this.i.ky = this.i.ky;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusTopLeft", {
         get: function () {
-            return this.i.nl ? this.i.nl.c : NaN;
+            return this.i.ky ? this.i.ky.c : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.nl.c = +v;
-            this._a("searchTypeCornerRadiusTopLeft", this.i.nl.c);
-            this.i.nl = this.i.nl;
+            this.i.ky.c = +v;
+            this._a("searchTypeCornerRadiusTopLeft", this.i.ky.c);
+            this.i.ky = this.i.ky;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusTopRight", {
         get: function () {
-            return this.i.nl ? this.i.nl.d : NaN;
+            return this.i.ky ? this.i.ky.d : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeCornerRadius();
-            this.i.nl.d = +v;
-            this._a("searchTypeCornerRadiusTopRight", this.i.nl.d);
-            this.i.nl = this.i.nl;
+            this.i.ky.d = +v;
+            this._a("searchTypeCornerRadiusTopRight", this.i.ky.d);
+            this.i.ky = this.i.ky;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureSearchTypeCornerRadius = function () {
-        if (this.i.nl) {
+        if (this.i.ky) {
             return;
         }
-        this.i.nl = new CornerRadius(2);
+        this.i.ky = new CornerRadius(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingBottom", {
         get: function () {
-            return this.i.t1 ? this.i.t1.bottom : NaN;
+            return this.i.oo ? this.i.oo.bottom : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeContentPadding();
-            this.i.t1.bottom = +v;
-            this._a("searchTypeContentPaddingBottom", this.i.t1.bottom);
-            this.i.t1 = this.i.t1;
+            this.i.oo.bottom = +v;
+            this._a("searchTypeContentPaddingBottom", this.i.oo.bottom);
+            this.i.oo = this.i.oo;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingLeft", {
         get: function () {
-            return this.i.t1 ? this.i.t1.left : NaN;
+            return this.i.oo ? this.i.oo.left : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeContentPadding();
-            this.i.t1.left = +v;
-            this._a("searchTypeContentPaddingLeft", this.i.t1.left);
-            this.i.t1 = this.i.t1;
+            this.i.oo.left = +v;
+            this._a("searchTypeContentPaddingLeft", this.i.oo.left);
+            this.i.oo = this.i.oo;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingRight", {
         get: function () {
-            return this.i.t1 ? this.i.t1.right : NaN;
+            return this.i.oo ? this.i.oo.right : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeContentPadding();
-            this.i.t1.right = +v;
-            this._a("searchTypeContentPaddingRight", this.i.t1.right);
-            this.i.t1 = this.i.t1;
+            this.i.oo.right = +v;
+            this._a("searchTypeContentPaddingRight", this.i.oo.right);
+            this.i.oo = this.i.oo;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingTop", {
         get: function () {
-            return this.i.t1 ? this.i.t1.top : NaN;
+            return this.i.oo ? this.i.oo.top : NaN;
         },
         set: function (v) {
             this.ensureSearchTypeContentPadding();
-            this.i.t1.top = +v;
-            this._a("searchTypeContentPaddingTop", this.i.t1.top);
-            this.i.t1 = this.i.t1;
+            this.i.oo.top = +v;
+            this._a("searchTypeContentPaddingTop", this.i.oo.top);
+            this.i.oo = this.i.oo;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.ensureSearchTypeContentPadding = function () {
-        if (this.i.t1) {
+        if (this.i.oo) {
             return;
         }
-        this.i.t1 = new Thickness(2);
+        this.i.oo = new Thickness(2);
     };
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineWidth", {
         /**
          * Gets or sets the width to use for the underline element when type is search.
         */
         get: function () {
-            return this.i.h0;
+            return this.i.e4;
         },
         set: function (v) {
-            this.i.h0 = +v;
-            this._a("searchTypeUnderlineWidth", this.i.h0);
+            this.i.e4 = +v;
+            this._a("searchTypeUnderlineWidth", this.i.e4);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineRippleWidth", {
@@ -2293,13 +2293,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when type is search.
         */
         get: function () {
-            return this.i.hz;
+            return this.i.e3;
         },
         set: function (v) {
-            this.i.hz = +v;
-            this._a("searchTypeUnderlineRippleWidth", this.i.hz);
+            this.i.e3 = +v;
+            this._a("searchTypeUnderlineRippleWidth", this.i.e3);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeHoverUnderlineWidth", {
@@ -2307,13 +2307,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the underline element when hovered when type is search.
         */
         get: function () {
-            return this.i.hw;
+            return this.i.e0;
         },
         set: function (v) {
-            this.i.hw = +v;
-            this._a("searchTypeHoverUnderlineWidth", this.i.hw);
+            this.i.e0 = +v;
+            this._a("searchTypeHoverUnderlineWidth", this.i.e0);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineColor", {
@@ -2321,13 +2321,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is search.
         */
         get: function () {
-            return brushToString(this.i.s6);
+            return brushToString(this.i.n3);
         },
         set: function (v) {
-            this.i.s6 = stringToBrush(v);
-            this._a("searchTypeUnderlineColor", brushToString(this.i.s6));
+            this.i.n3 = stringToBrush(v);
+            this._a("searchTypeUnderlineColor", brushToString(this.i.n3));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineRippleColor", {
@@ -2335,13 +2335,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline ripple element when type is search.
         */
         get: function () {
-            return brushToString(this.i.s7);
+            return brushToString(this.i.n4);
         },
         set: function (v) {
-            this.i.s7 = stringToBrush(v);
-            this._a("searchTypeUnderlineRippleColor", brushToString(this.i.s7));
+            this.i.n4 = stringToBrush(v);
+            this._a("searchTypeUnderlineRippleColor", brushToString(this.i.n4));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeHoverUnderlineColor", {
@@ -2349,13 +2349,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is search.
         */
         get: function () {
-            return brushToString(this.i.s5);
+            return brushToString(this.i.n2);
         },
         set: function (v) {
-            this.i.s5 = stringToBrush(v);
-            this._a("searchTypeHoverUnderlineColor", brushToString(this.i.s5));
+            this.i.n2 = stringToBrush(v);
+            this._a("searchTypeHoverUnderlineColor", brushToString(this.i.n2));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusUnderlineColor", {
@@ -2363,13 +2363,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is search.
         */
         get: function () {
-            return brushToString(this.i.s4);
+            return brushToString(this.i.n1);
         },
         set: function (v) {
-            this.i.s4 = stringToBrush(v);
-            this._a("searchTypeFocusUnderlineColor", brushToString(this.i.s4));
+            this.i.n1 = stringToBrush(v);
+            this._a("searchTypeFocusUnderlineColor", brushToString(this.i.n1));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineOpacity", {
@@ -2377,13 +2377,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is search.
         */
         get: function () {
-            return this.i.hx;
+            return this.i.e1;
         },
         set: function (v) {
-            this.i.hx = +v;
-            this._a("searchTypeUnderlineOpacity", this.i.hx);
+            this.i.e1 = +v;
+            this._a("searchTypeUnderlineOpacity", this.i.e1);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeHoverUnderlineOpacity", {
@@ -2391,13 +2391,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is search.
         */
         get: function () {
-            return this.i.hv;
+            return this.i.ez;
         },
         set: function (v) {
-            this.i.hv = +v;
-            this._a("searchTypeHoverUnderlineOpacity", this.i.hv);
+            this.i.ez = +v;
+            this._a("searchTypeHoverUnderlineOpacity", this.i.ez);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusUnderlineOpacity", {
@@ -2405,13 +2405,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the underline element when type is search.
         */
         get: function () {
-            return this.i.ht;
+            return this.i.ex;
         },
         set: function (v) {
-            this.i.ht = +v;
-            this._a("searchTypeFocusUnderlineOpacity", this.i.ht);
+            this.i.ex = +v;
+            this._a("searchTypeFocusUnderlineOpacity", this.i.ex);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusUnderlineRippleOpacity", {
@@ -2419,13 +2419,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when focused when type is search.
         */
         get: function () {
-            return this.i.hu;
+            return this.i.ey;
         },
         set: function (v) {
-            this.i.hu = +v;
-            this._a("searchTypeFocusUnderlineRippleOpacity", this.i.hu);
+            this.i.ey = +v;
+            this._a("searchTypeFocusUnderlineRippleOpacity", this.i.ey);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineRippleOpacity", {
@@ -2433,13 +2433,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity to use for the underline ripple element when type is search.
         */
         get: function () {
-            return this.i.hy;
+            return this.i.e2;
         },
         set: function (v) {
-            this.i.hy = +v;
-            this._a("searchTypeUnderlineRippleOpacity", this.i.hy);
+            this.i.e2 = +v;
+            this._a("searchTypeUnderlineRippleOpacity", this.i.e2);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeBackgroundColor", {
@@ -2447,13 +2447,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color to use for the input group when type is search.
         */
         get: function () {
-            return brushToString(this.i.s1);
+            return brushToString(this.i.ny);
         },
         set: function (v) {
-            this.i.s1 = stringToBrush(v);
-            this._a("searchTypeBackgroundColor", brushToString(this.i.s1));
+            this.i.ny = stringToBrush(v);
+            this._a("searchTypeBackgroundColor", brushToString(this.i.ny));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "isExpanded", {
@@ -2461,13 +2461,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the input group is expanded or not.
         */
         get: function () {
-            return this.i.ah;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.ah = ensureBool(v);
-            this._a("isExpanded", this.i.ah);
+            this.i.an = ensureBool(v);
+            this._a("isExpanded", this.i.an);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "isHovered", {
@@ -2475,13 +2475,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the input group is hovered or not.
         */
         get: function () {
-            return this.i.aj;
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.aj = ensureBool(v);
-            this._a("isHovered", this.i.aj);
+            this.i.ap = ensureBool(v);
+            this._a("isHovered", this.i.ap);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "isFocused", {
@@ -2489,13 +2489,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the input group is hovered or not.
         */
         get: function () {
-            return this.i.ai;
+            return this.i.ao;
         },
         set: function (v) {
-            this.i.ai = ensureBool(v);
-            this._a("isFocused", this.i.ai);
+            this.i.ao = ensureBool(v);
+            this._a("isFocused", this.i.ao);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "actualIsExpanded", {
@@ -2503,13 +2503,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the input group is expanded or not.
         */
         get: function () {
-            return this.i.ac;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.ac = ensureBool(v);
-            this._a("actualIsExpanded", this.i.ac);
+            this.i.ai = ensureBool(v);
+            this._a("actualIsExpanded", this.i.ai);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "focusBorderColor", {
@@ -2517,13 +2517,13 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use the hovered background of the inputs in the group.
         */
         get: function () {
-            return brushToString(this.i.sr);
+            return brushToString(this.i.no);
         },
         set: function (v) {
-            this.i.sr = stringToBrush(v);
-            this._a("focusBorderColor", brushToString(this.i.sr));
+            this.i.no = stringToBrush(v);
+            this._a("focusBorderColor", brushToString(this.i.no));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "id", {
@@ -2531,12 +2531,12 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.ki;
+            return this.i.hk;
         },
         set: function (v) {
-            this.i.ki = v;
+            this.i.hk = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputGroupComponent.prototype, "disabled", {
@@ -2550,7 +2550,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.disabled = ensureBool(v);
             this._a("disabled", this.i.disabled);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.findByName = function (name) {
@@ -2568,7 +2568,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             return this._hasUserValues;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputGroupComponent.prototype.__m = function (propertyName) {
@@ -2632,7 +2632,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXInputGroupComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.ia();
+        var iv = this.i.fe();
         return (iv);
     };
     /**
@@ -2640,7 +2640,7 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXInputGroupComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.j9();
+        var iv = this.i.hb();
         return (iv);
     };
     IgcXInputGroupComponent._observedAttributesIgcXInputGroupComponent = null;