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

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

@@ -15,6 +15,34 @@ import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 export let IgcXInputGroupComponent = /*@__PURE__*/ (() => {
     class IgcXInputGroupComponent extends IgcHTMLElement {
+        /**
+         * A collection or manually added axes for the chart.
+        */
+        get inputs() {
+            if (this._inputs === null) {
+                let coll = new IgcXInputGroupInputCollection();
+                let inner = coll._innerColl;
+                inner.addListener((sender, e) => {
+                    switch (e.action) {
+                        case NotifyCollectionChangedAction.Add:
+                            this._inputsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Remove:
+                            this._inputsAdapter.removeManualItemAt(e.oldStartingIndex);
+                            break;
+                        case NotifyCollectionChangedAction.Replace:
+                            this._inputsAdapter.removeManualItemAt(e.oldStartingIndex);
+                            this._inputsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Reset:
+                            this._inputsAdapter.clearManualItems();
+                            break;
+                    }
+                });
+                this._inputs = coll;
+            }
+            return this._inputs;
+        }
         constructor() {
             super();
             this.contentInputs = [];
@@ -78,34 +106,6 @@ export let IgcXInputGroupComponent = /*@__PURE__*/ (() => {
             //    this._checkbox.notifySizeChanged();
             //});
         }
-        /**
-         * A collection or manually added axes for the chart.
-        */
-        get inputs() {
-            if (this._inputs === null) {
-                let coll = new IgcXInputGroupInputCollection();
-                let inner = coll._innerColl;
-                inner.addListener((sender, e) => {
-                    switch (e.action) {
-                        case NotifyCollectionChangedAction.Add:
-                            this._inputsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
-                            break;
-                        case NotifyCollectionChangedAction.Remove:
-                            this._inputsAdapter.removeManualItemAt(e.oldStartingIndex);
-                            break;
-                        case NotifyCollectionChangedAction.Replace:
-                            this._inputsAdapter.removeManualItemAt(e.oldStartingIndex);
-                            this._inputsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
-                            break;
-                        case NotifyCollectionChangedAction.Reset:
-                            this._inputsAdapter.clearManualItems();
-                            break;
-                    }
-                });
-                this._inputs = coll;
-            }
-            return this._inputs;
-        }
         _onChildrenChanged() {
             var children = [];
             for (var i = 0; i < this.childNodes.length; i++) {
@@ -265,1607 +265,1607 @@ export let IgcXInputGroupComponent = /*@__PURE__*/ (() => {
          * Gets or sets the display density to use for the input group.
         */
         get density() {
-            return this.i.n;
+            return this.i.t;
         }
         set density(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));
         }
         /**
          * Gets the actual display density to use for the input group.
         */
         get actualDensity() {
-            return this.i.m;
+            return this.i.s;
         }
         set actualDensity(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));
         }
         /**
          * Gets or sets the base built in theme to use for the label.
         */
         get baseTheme() {
-            return this.i.j;
+            return this.i.p;
         }
         set baseTheme(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));
         }
         get inputHasValue() {
-            return this.i.af;
+            return this.i.al;
         }
         /**
          * Gets the actual item background color.
         */
         get actualBorderColor() {
-            return brushToString(this.i.ot);
+            return brushToString(this.i.l6);
         }
         set actualBorderColor(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));
         }
         /**
          * Gets the actual item border color.
         */
         get actualFocusBorderColor() {
-            return brushToString(this.i.ou);
+            return brushToString(this.i.l7);
         }
         set actualFocusBorderColor(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));
         }
         /**
          * Gets the actual item border width.
         */
         get actualBorderWidth() {
-            return this.i.ca;
+            return this.i.cg;
         }
         set actualBorderWidth(v) {
-            this.i.ca = +v;
-            this._a("actualBorderWidth", this.i.ca);
+            this.i.cg = +v;
+            this._a("actualBorderWidth", this.i.cg);
         }
         /**
          * Gets the actual item border width.
         */
         get actualFocusBorderWidth() {
-            return this.i.cb;
+            return this.i.ch;
         }
         set actualFocusBorderWidth(v) {
-            this.i.cb = +v;
-            this._a("actualFocusBorderWidth", this.i.cb);
+            this.i.ch = +v;
+            this._a("actualFocusBorderWidth", this.i.ch);
         }
         get actualCornerRadiusBottomRight() {
-            return this.i.m0 ? this.i.m0.b : NaN;
+            return this.i.ko ? this.i.ko.b : NaN;
         }
         set actualCornerRadiusBottomRight(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;
         }
         get actualCornerRadiusBottomLeft() {
-            return this.i.m0 ? this.i.m0.a : NaN;
+            return this.i.ko ? this.i.ko.a : NaN;
         }
         set actualCornerRadiusBottomLeft(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;
         }
         get actualCornerRadiusTopLeft() {
-            return this.i.m0 ? this.i.m0.c : NaN;
+            return this.i.ko ? this.i.ko.c : NaN;
         }
         set actualCornerRadiusTopLeft(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;
         }
         get actualCornerRadiusTopRight() {
-            return this.i.m0 ? this.i.m0.d : NaN;
+            return this.i.ko ? this.i.ko.d : NaN;
         }
         set actualCornerRadiusTopRight(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;
         }
         ensureActualCornerRadius() {
-            if (this.i.m0) {
+            if (this.i.ko) {
                 return;
             }
-            this.i.m0 = new CornerRadius(2);
+            this.i.ko = new CornerRadius(2);
         }
         get actualContentPaddingBottom() {
-            return this.i.tg ? this.i.tg.bottom : NaN;
+            return this.i.oe ? this.i.oe.bottom : NaN;
         }
         set actualContentPaddingBottom(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;
         }
         get actualContentPaddingLeft() {
-            return this.i.tg ? this.i.tg.left : NaN;
+            return this.i.oe ? this.i.oe.left : NaN;
         }
         set actualContentPaddingLeft(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;
         }
         get actualContentPaddingRight() {
-            return this.i.tg ? this.i.tg.right : NaN;
+            return this.i.oe ? this.i.oe.right : NaN;
         }
         set actualContentPaddingRight(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;
         }
         get actualContentPaddingTop() {
-            return this.i.tg ? this.i.tg.top : NaN;
+            return this.i.oe ? this.i.oe.top : NaN;
         }
         set actualContentPaddingTop(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;
         }
         ensureActualContentPadding() {
-            if (this.i.tg) {
+            if (this.i.oe) {
                 return;
             }
-            this.i.tg = new Thickness(2);
+            this.i.oe = new Thickness(2);
         }
         /**
          * Gets the actual width to use for the underline element.
         */
         get actualUnderlineWidth() {
-            return this.i.cj;
+            return this.i.cp;
         }
         set actualUnderlineWidth(v) {
-            this.i.cj = +v;
-            this._a("actualUnderlineWidth", this.i.cj);
+            this.i.cp = +v;
+            this._a("actualUnderlineWidth", this.i.cp);
         }
         /**
          * Gets the actual width to use for the underline element.
         */
         get actualUnderlineRippleWidth() {
-            return this.i.ci;
+            return this.i.co;
         }
         set actualUnderlineRippleWidth(v) {
-            this.i.ci = +v;
-            this._a("actualUnderlineRippleWidth", this.i.ci);
+            this.i.co = +v;
+            this._a("actualUnderlineRippleWidth", this.i.co);
         }
         /**
          * Gets the width to use for the underline element when hovered.
         */
         get actualHoverUnderlineWidth() {
-            return this.i.cf;
+            return this.i.cl;
         }
         set actualHoverUnderlineWidth(v) {
-            this.i.cf = +v;
-            this._a("actualHoverUnderlineWidth", this.i.cf);
+            this.i.cl = +v;
+            this._a("actualHoverUnderlineWidth", this.i.cl);
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualUnderlineColor() {
-            return brushToString(this.i.ox);
+            return brushToString(this.i.ma);
         }
         set actualUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline ripple element.
         */
         get actualUnderlineRippleColor() {
-            return brushToString(this.i.oy);
+            return brushToString(this.i.mb);
         }
         set actualUnderlineRippleColor(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));
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualHoverUnderlineColor() {
-            return brushToString(this.i.ow);
+            return brushToString(this.i.l9);
         }
         set actualHoverUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element when focused.
         */
         get actualFocusUnderlineColor() {
-            return brushToString(this.i.ov);
+            return brushToString(this.i.l8);
         }
         set actualFocusUnderlineColor(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));
         }
         /**
          * Gets the actual opacity to use for the underline element.
         */
         get actualUnderlineOpacity() {
-            return this.i.cg;
+            return this.i.cm;
         }
         set actualUnderlineOpacity(v) {
-            this.i.cg = +v;
-            this._a("actualUnderlineOpacity", this.i.cg);
+            this.i.cm = +v;
+            this._a("actualUnderlineOpacity", this.i.cm);
         }
         /**
          * Gets the actual opacity to use for the underline element when hovered.
         */
         get actualHoverUnderlineOpacity() {
-            return this.i.ce;
+            return this.i.ck;
         }
         set actualHoverUnderlineOpacity(v) {
-            this.i.ce = +v;
-            this._a("actualHoverUnderlineOpacity", this.i.ce);
+            this.i.ck = +v;
+            this._a("actualHoverUnderlineOpacity", this.i.ck);
         }
         /**
          * Gets the actual opacity to use for the underline element when focused.
         */
         get actualFocusUnderlineOpacity() {
-            return this.i.cc;
+            return this.i.ci;
         }
         set actualFocusUnderlineOpacity(v) {
-            this.i.cc = +v;
-            this._a("actualFocusUnderlineOpacity", this.i.cc);
+            this.i.ci = +v;
+            this._a("actualFocusUnderlineOpacity", this.i.ci);
         }
         /**
          * Gets the actual opacity to use for the underline ripple element when focused.
         */
         get actualFocusUnderlineRippleOpacity() {
-            return this.i.cd;
+            return this.i.cj;
         }
         set actualFocusUnderlineRippleOpacity(v) {
-            this.i.cd = +v;
-            this._a("actualFocusUnderlineRippleOpacity", this.i.cd);
+            this.i.cj = +v;
+            this._a("actualFocusUnderlineRippleOpacity", this.i.cj);
         }
         /**
          * Gets the actual opacity to use for the underline ripple element.
         */
         get actualUnderlineRippleOpacity() {
-            return this.i.ch;
+            return this.i.cn;
         }
         set actualUnderlineRippleOpacity(v) {
-            this.i.ch = +v;
-            this._a("actualUnderlineRippleOpacity", this.i.ch);
+            this.i.cn = +v;
+            this._a("actualUnderlineRippleOpacity", this.i.cn);
         }
         /**
          * Gets the actual opacity to use for the underline ripple element.
         */
         get actualBackgroundColor() {
-            return brushToString(this.i.os);
+            return brushToString(this.i.l5);
         }
         set actualBackgroundColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group.
         */
         get borderWidth() {
-            return this.i.cu;
+            return this.i.c0;
         }
         set borderWidth(v) {
-            this.i.cu = +v;
-            this._a("borderWidth", this.i.cu);
+            this.i.c0 = +v;
+            this._a("borderWidth", this.i.c0);
         }
         /**
          * Gets or sets the border width to use for the border of the item group when focused.
         */
         get focusBorderWidth() {
-            return this.i.hc;
+            return this.i.eg;
         }
         set focusBorderWidth(v) {
-            this.i.hc = +v;
-            this._a("focusBorderWidth", this.i.hc);
+            this.i.eg = +v;
+            this._a("focusBorderWidth", this.i.eg);
         }
         /**
          * Gets or sets the color to use the border of the input group.
         */
         get borderColor() {
-            return brushToString(this.i.o0);
+            return brushToString(this.i.md);
         }
         set borderColor(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));
         }
         get cornerRadiusBottomRight() {
-            return this.i.m4 ? this.i.m4.b : NaN;
+            return this.i.ks ? this.i.ks.b : NaN;
         }
         set cornerRadiusBottomRight(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;
         }
         get cornerRadiusBottomLeft() {
-            return this.i.m4 ? this.i.m4.a : NaN;
+            return this.i.ks ? this.i.ks.a : NaN;
         }
         set cornerRadiusBottomLeft(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;
         }
         get cornerRadiusTopLeft() {
-            return this.i.m4 ? this.i.m4.c : NaN;
+            return this.i.ks ? this.i.ks.c : NaN;
         }
         set cornerRadiusTopLeft(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;
         }
         get cornerRadiusTopRight() {
-            return this.i.m4 ? this.i.m4.d : NaN;
+            return this.i.ks ? this.i.ks.d : NaN;
         }
         set cornerRadiusTopRight(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;
         }
         ensureCornerRadius() {
-            if (this.i.m4) {
+            if (this.i.ks) {
                 return;
             }
-            this.i.m4 = new CornerRadius(2);
+            this.i.ks = new CornerRadius(2);
         }
         get contentPaddingBottom() {
-            return this.i.tk ? this.i.tk.bottom : NaN;
+            return this.i.oi ? this.i.oi.bottom : NaN;
         }
         set contentPaddingBottom(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;
         }
         get contentPaddingLeft() {
-            return this.i.tk ? this.i.tk.left : NaN;
+            return this.i.oi ? this.i.oi.left : NaN;
         }
         set contentPaddingLeft(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;
         }
         get contentPaddingRight() {
-            return this.i.tk ? this.i.tk.right : NaN;
+            return this.i.oi ? this.i.oi.right : NaN;
         }
         set contentPaddingRight(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;
         }
         get contentPaddingTop() {
-            return this.i.tk ? this.i.tk.top : NaN;
+            return this.i.oi ? this.i.oi.top : NaN;
         }
         set contentPaddingTop(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;
         }
         ensureContentPadding() {
-            if (this.i.tk) {
+            if (this.i.oi) {
                 return;
             }
-            this.i.tk = new Thickness(2);
+            this.i.oi = new Thickness(2);
         }
         /**
          * Gets or sets the width to use for the underline element.
         */
         get underlineWidth() {
-            return this.i.h4;
+            return this.i.e8;
         }
         set underlineWidth(v) {
-            this.i.h4 = +v;
-            this._a("underlineWidth", this.i.h4);
+            this.i.e8 = +v;
+            this._a("underlineWidth", this.i.e8);
         }
         /**
          * Gets or sets the width to use for the underline element.
         */
         get underlineRippleWidth() {
-            return this.i.h3;
+            return this.i.e7;
         }
         set underlineRippleWidth(v) {
-            this.i.h3 = +v;
-            this._a("underlineRippleWidth", this.i.h3);
+            this.i.e7 = +v;
+            this._a("underlineRippleWidth", this.i.e7);
         }
         /**
          * Gets or sets the width to use for the underline element when hovered.
         */
         get hoverUnderlineWidth() {
-            return this.i.hg;
+            return this.i.ek;
         }
         set hoverUnderlineWidth(v) {
-            this.i.hg = +v;
-            this._a("hoverUnderlineWidth", this.i.hg);
+            this.i.ek = +v;
+            this._a("hoverUnderlineWidth", this.i.ek);
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get underlineColor() {
-            return brushToString(this.i.s8);
+            return brushToString(this.i.n6);
         }
         set underlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline ripple element.
         */
         get underlineRippleColor() {
-            return brushToString(this.i.s9);
+            return brushToString(this.i.n7);
         }
         set underlineRippleColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get hoverUnderlineColor() {
-            return brushToString(this.i.st);
+            return brushToString(this.i.nq);
         }
         set hoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get focusUnderlineColor() {
-            return brushToString(this.i.ss);
+            return brushToString(this.i.np);
         }
         set focusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get underlineOpacity() {
-            return this.i.h1;
+            return this.i.e5;
         }
         set underlineOpacity(v) {
-            this.i.h1 = +v;
-            this._a("underlineOpacity", this.i.h1);
+            this.i.e5 = +v;
+            this._a("underlineOpacity", this.i.e5);
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get hoverUnderlineOpacity() {
-            return this.i.hf;
+            return this.i.ej;
         }
         set hoverUnderlineOpacity(v) {
-            this.i.hf = +v;
-            this._a("hoverUnderlineOpacity", this.i.hf);
+            this.i.ej = +v;
+            this._a("hoverUnderlineOpacity", this.i.ej);
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get focusUnderlineOpacity() {
-            return this.i.hd;
+            return this.i.eh;
         }
         set focusUnderlineOpacity(v) {
-            this.i.hd = +v;
-            this._a("focusUnderlineOpacity", this.i.hd);
+            this.i.eh = +v;
+            this._a("focusUnderlineOpacity", this.i.eh);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when focused.
         */
         get focusUnderlineRippleOpacity() {
-            return this.i.he;
+            return this.i.ei;
         }
         set focusUnderlineRippleOpacity(v) {
-            this.i.he = +v;
-            this._a("focusUnderlineRippleOpacity", this.i.he);
+            this.i.ei = +v;
+            this._a("focusUnderlineRippleOpacity", this.i.ei);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element.
         */
         get underlineRippleOpacity() {
-            return this.i.h2;
+            return this.i.e6;
         }
         set underlineRippleOpacity(v) {
-            this.i.h2 = +v;
-            this._a("underlineRippleOpacity", this.i.h2);
+            this.i.e6 = +v;
+            this._a("underlineRippleOpacity", this.i.e6);
         }
         /**
          * Gets or sets the background color to use for the input group.
         */
         get backgroundColor() {
-            return brushToString(this.i.oz);
+            return brushToString(this.i.mc);
         }
         set backgroundColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group when using type line.
         */
         get lineTypeBorderWidth() {
-            return this.i.hh;
+            return this.i.el;
         }
         set lineTypeBorderWidth(v) {
-            this.i.hh = +v;
-            this._a("lineTypeBorderWidth", this.i.hh);
+            this.i.el = +v;
+            this._a("lineTypeBorderWidth", this.i.el);
         }
         /**
          * Gets or sets the border width to use for the border of the item group when focused when type is line.
         */
         get lineTypeFocusBorderWidth() {
-            return this.i.hi;
+            return this.i.em;
         }
         set lineTypeFocusBorderWidth(v) {
-            this.i.hi = +v;
-            this._a("lineTypeFocusBorderWidth", this.i.hi);
+            this.i.em = +v;
+            this._a("lineTypeFocusBorderWidth", this.i.em);
         }
         /**
          * Gets or sets the focus color to use the border of the input group when type is line.
         */
         get lineTypeFocusBorderColor() {
-            return brushToString(this.i.sw);
+            return brushToString(this.i.nt);
         }
         set lineTypeFocusBorderColor(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));
         }
         /**
          * Gets or sets the color to use the border of the input group when type is line.
         */
         get lineTypeBorderColor() {
-            return brushToString(this.i.sv);
+            return brushToString(this.i.ns);
         }
         set lineTypeBorderColor(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));
         }
         get lineTypeCornerRadiusBottomRight() {
-            return this.i.nk ? this.i.nk.b : NaN;
+            return this.i.kx ? this.i.kx.b : NaN;
         }
         set lineTypeCornerRadiusBottomRight(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;
         }
         get lineTypeCornerRadiusBottomLeft() {
-            return this.i.nk ? this.i.nk.a : NaN;
+            return this.i.kx ? this.i.kx.a : NaN;
         }
         set lineTypeCornerRadiusBottomLeft(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;
         }
         get lineTypeCornerRadiusTopLeft() {
-            return this.i.nk ? this.i.nk.c : NaN;
+            return this.i.kx ? this.i.kx.c : NaN;
         }
         set lineTypeCornerRadiusTopLeft(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;
         }
         get lineTypeCornerRadiusTopRight() {
-            return this.i.nk ? this.i.nk.d : NaN;
+            return this.i.kx ? this.i.kx.d : NaN;
         }
         set lineTypeCornerRadiusTopRight(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;
         }
         ensureLineTypeCornerRadius() {
-            if (this.i.nk) {
+            if (this.i.kx) {
                 return;
             }
-            this.i.nk = new CornerRadius(2);
+            this.i.kx = new CornerRadius(2);
         }
         get lineTypeContentPaddingBottom() {
-            return this.i.t0 ? this.i.t0.bottom : NaN;
+            return this.i.on ? this.i.on.bottom : NaN;
         }
         set lineTypeContentPaddingBottom(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;
         }
         get lineTypeContentPaddingLeft() {
-            return this.i.t0 ? this.i.t0.left : NaN;
+            return this.i.on ? this.i.on.left : NaN;
         }
         set lineTypeContentPaddingLeft(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;
         }
         get lineTypeContentPaddingRight() {
-            return this.i.t0 ? this.i.t0.right : NaN;
+            return this.i.on ? this.i.on.right : NaN;
         }
         set lineTypeContentPaddingRight(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;
         }
         get lineTypeContentPaddingTop() {
-            return this.i.t0 ? this.i.t0.top : NaN;
+            return this.i.on ? this.i.on.top : NaN;
         }
         set lineTypeContentPaddingTop(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;
         }
         ensureLineTypeContentPadding() {
-            if (this.i.t0) {
+            if (this.i.on) {
                 return;
             }
-            this.i.t0 = new Thickness(2);
+            this.i.on = new Thickness(2);
         }
         /**
          * Gets or sets the width to use for the underline element when type is line.
         */
         get lineTypeUnderlineWidth() {
-            return this.i.hq;
+            return this.i.eu;
         }
         set lineTypeUnderlineWidth(v) {
-            this.i.hq = +v;
-            this._a("lineTypeUnderlineWidth", this.i.hq);
+            this.i.eu = +v;
+            this._a("lineTypeUnderlineWidth", this.i.eu);
         }
         /**
          * Gets or sets the width to use for the underline element when type is line.
         */
         get lineTypeUnderlineRippleWidth() {
-            return this.i.hp;
+            return this.i.et;
         }
         set lineTypeUnderlineRippleWidth(v) {
-            this.i.hp = +v;
-            this._a("lineTypeUnderlineRippleWidth", this.i.hp);
+            this.i.et = +v;
+            this._a("lineTypeUnderlineRippleWidth", this.i.et);
         }
         /**
          * Gets or sets the width to use for the underline element when hovered when type is line.
         */
         get lineTypeHoverUnderlineWidth() {
-            return this.i.hm;
+            return this.i.eq;
         }
         set lineTypeHoverUnderlineWidth(v) {
-            this.i.hm = +v;
-            this._a("lineTypeHoverUnderlineWidth", this.i.hm);
+            this.i.eq = +v;
+            this._a("lineTypeHoverUnderlineWidth", this.i.eq);
         }
         /**
          * Gets or sets the color to use for the underline element when type is line.
         */
         get lineTypeUnderlineColor() {
-            return brushToString(this.i.sz);
+            return brushToString(this.i.nw);
         }
         set lineTypeUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline ripple element when type is line.
         */
         get lineTypeUnderlineRippleColor() {
-            return brushToString(this.i.s0);
+            return brushToString(this.i.nx);
         }
         set lineTypeUnderlineRippleColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is line.
         */
         get lineTypeHoverUnderlineColor() {
-            return brushToString(this.i.sy);
+            return brushToString(this.i.nv);
         }
         set lineTypeHoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is line.
         */
         get lineTypeFocusUnderlineColor() {
-            return brushToString(this.i.sx);
+            return brushToString(this.i.nu);
         }
         set lineTypeFocusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is line.
         */
         get lineTypeUnderlineOpacity() {
-            return this.i.hn;
+            return this.i.er;
         }
         set lineTypeUnderlineOpacity(v) {
-            this.i.hn = +v;
-            this._a("lineTypeUnderlineOpacity", this.i.hn);
+            this.i.er = +v;
+            this._a("lineTypeUnderlineOpacity", this.i.er);
         }
         /**
          * Gets or sets the color to use for the underline element when type is line.
         */
         get lineTypeHoverUnderlineOpacity() {
-            return this.i.hl;
+            return this.i.ep;
         }
         set lineTypeHoverUnderlineOpacity(v) {
-            this.i.hl = +v;
-            this._a("lineTypeHoverUnderlineOpacity", this.i.hl);
+            this.i.ep = +v;
+            this._a("lineTypeHoverUnderlineOpacity", this.i.ep);
         }
         /**
          * Gets or sets the color to use for the underline element when type is line.
         */
         get lineTypeFocusUnderlineOpacity() {
-            return this.i.hj;
+            return this.i.en;
         }
         set lineTypeFocusUnderlineOpacity(v) {
-            this.i.hj = +v;
-            this._a("lineTypeFocusUnderlineOpacity", this.i.hj);
+            this.i.en = +v;
+            this._a("lineTypeFocusUnderlineOpacity", this.i.en);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when focused when type is line.
         */
         get lineTypeFocusUnderlineRippleOpacity() {
-            return this.i.hk;
+            return this.i.eo;
         }
         set lineTypeFocusUnderlineRippleOpacity(v) {
-            this.i.hk = +v;
-            this._a("lineTypeFocusUnderlineRippleOpacity", this.i.hk);
+            this.i.eo = +v;
+            this._a("lineTypeFocusUnderlineRippleOpacity", this.i.eo);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when type is line.
         */
         get lineTypeUnderlineRippleOpacity() {
-            return this.i.ho;
+            return this.i.es;
         }
         set lineTypeUnderlineRippleOpacity(v) {
-            this.i.ho = +v;
-            this._a("lineTypeUnderlineRippleOpacity", this.i.ho);
+            this.i.es = +v;
+            this._a("lineTypeUnderlineRippleOpacity", this.i.es);
         }
         /**
          * Gets or sets the background color to use for the input group when type is line.
         */
         get lineTypeBackgroundColor() {
-            return brushToString(this.i.su);
+            return brushToString(this.i.nr);
         }
         set lineTypeBackgroundColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group when using type line.
         */
         get boxTypeBorderWidth() {
-            return this.i.cv;
+            return this.i.c1;
         }
         set boxTypeBorderWidth(v) {
-            this.i.cv = +v;
-            this._a("boxTypeBorderWidth", this.i.cv);
+            this.i.c1 = +v;
+            this._a("boxTypeBorderWidth", this.i.c1);
         }
         /**
          * Gets or sets the border width to use for the border of the item group when focused when type is box.
         */
         get boxTypeFocusBorderWidth() {
-            return this.i.cw;
+            return this.i.c2;
         }
         set boxTypeFocusBorderWidth(v) {
-            this.i.cw = +v;
-            this._a("boxTypeFocusBorderWidth", this.i.cw);
+            this.i.c2 = +v;
+            this._a("boxTypeFocusBorderWidth", this.i.c2);
         }
         /**
          * Gets or sets the focus color to use the border of the input group when type is box.
         */
         get boxTypeFocusBorderColor() {
-            return brushToString(this.i.pa);
+            return brushToString(this.i.mn);
         }
         set boxTypeFocusBorderColor(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));
         }
         /**
          * Gets or sets the color to use the border of the input group when type is box.
         */
         get boxTypeBorderColor() {
-            return brushToString(this.i.o9);
+            return brushToString(this.i.mm);
         }
         set boxTypeBorderColor(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));
         }
         get boxTypeCornerRadiusBottomRight() {
-            return this.i.m2 ? this.i.m2.b : NaN;
+            return this.i.kq ? this.i.kq.b : NaN;
         }
         set boxTypeCornerRadiusBottomRight(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;
         }
         get boxTypeCornerRadiusBottomLeft() {
-            return this.i.m2 ? this.i.m2.a : NaN;
+            return this.i.kq ? this.i.kq.a : NaN;
         }
         set boxTypeCornerRadiusBottomLeft(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;
         }
         get boxTypeCornerRadiusTopLeft() {
-            return this.i.m2 ? this.i.m2.c : NaN;
+            return this.i.kq ? this.i.kq.c : NaN;
         }
         set boxTypeCornerRadiusTopLeft(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;
         }
         get boxTypeCornerRadiusTopRight() {
-            return this.i.m2 ? this.i.m2.d : NaN;
+            return this.i.kq ? this.i.kq.d : NaN;
         }
         set boxTypeCornerRadiusTopRight(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;
         }
         ensureBoxTypeCornerRadius() {
-            if (this.i.m2) {
+            if (this.i.kq) {
                 return;
             }
-            this.i.m2 = new CornerRadius(2);
+            this.i.kq = new CornerRadius(2);
         }
         get boxTypeContentPaddingBottom() {
-            return this.i.ti ? this.i.ti.bottom : NaN;
+            return this.i.og ? this.i.og.bottom : NaN;
         }
         set boxTypeContentPaddingBottom(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;
         }
         get boxTypeContentPaddingLeft() {
-            return this.i.ti ? this.i.ti.left : NaN;
+            return this.i.og ? this.i.og.left : NaN;
         }
         set boxTypeContentPaddingLeft(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;
         }
         get boxTypeContentPaddingRight() {
-            return this.i.ti ? this.i.ti.right : NaN;
+            return this.i.og ? this.i.og.right : NaN;
         }
         set boxTypeContentPaddingRight(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;
         }
         get boxTypeContentPaddingTop() {
-            return this.i.ti ? this.i.ti.top : NaN;
+            return this.i.og ? this.i.og.top : NaN;
         }
         set boxTypeContentPaddingTop(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;
         }
         ensureBoxTypeContentPadding() {
-            if (this.i.ti) {
+            if (this.i.og) {
                 return;
             }
-            this.i.ti = new Thickness(2);
+            this.i.og = new Thickness(2);
         }
         /**
          * Gets or sets the width to use for the underline element when type is box.
         */
         get boxTypeUnderlineWidth() {
-            return this.i.c4;
+            return this.i.da;
         }
         set boxTypeUnderlineWidth(v) {
-            this.i.c4 = +v;
-            this._a("boxTypeUnderlineWidth", this.i.c4);
+            this.i.da = +v;
+            this._a("boxTypeUnderlineWidth", this.i.da);
         }
         /**
          * Gets or sets the width to use for the underline element when type is box.
         */
         get boxTypeUnderlineRippleWidth() {
-            return this.i.c3;
+            return this.i.c9;
         }
         set boxTypeUnderlineRippleWidth(v) {
-            this.i.c3 = +v;
-            this._a("boxTypeUnderlineRippleWidth", this.i.c3);
+            this.i.c9 = +v;
+            this._a("boxTypeUnderlineRippleWidth", this.i.c9);
         }
         /**
          * Gets or sets the width to use for the underline element when hovered when type is box.
         */
         get boxTypeHoverUnderlineWidth() {
-            return this.i.c0;
+            return this.i.c6;
         }
         set boxTypeHoverUnderlineWidth(v) {
-            this.i.c0 = +v;
-            this._a("boxTypeHoverUnderlineWidth", this.i.c0);
+            this.i.c6 = +v;
+            this._a("boxTypeHoverUnderlineWidth", this.i.c6);
         }
         /**
          * Gets or sets the color to use for the underline element when type is box.
         */
         get boxTypeUnderlineColor() {
-            return brushToString(this.i.pd);
+            return brushToString(this.i.mq);
         }
         set boxTypeUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline ripple element when type is box.
         */
         get boxTypeUnderlineRippleColor() {
-            return brushToString(this.i.pe);
+            return brushToString(this.i.mr);
         }
         set boxTypeUnderlineRippleColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is box.
         */
         get boxTypeHoverUnderlineColor() {
-            return brushToString(this.i.pc);
+            return brushToString(this.i.mp);
         }
         set boxTypeHoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is box.
         */
         get boxTypeFocusUnderlineColor() {
-            return brushToString(this.i.pb);
+            return brushToString(this.i.mo);
         }
         set boxTypeFocusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is box.
         */
         get boxTypeUnderlineOpacity() {
-            return this.i.c1;
+            return this.i.c7;
         }
         set boxTypeUnderlineOpacity(v) {
-            this.i.c1 = +v;
-            this._a("boxTypeUnderlineOpacity", this.i.c1);
+            this.i.c7 = +v;
+            this._a("boxTypeUnderlineOpacity", this.i.c7);
         }
         /**
          * Gets or sets the color to use for the underline element when type is box.
         */
         get boxTypeHoverUnderlineOpacity() {
-            return this.i.cz;
+            return this.i.c5;
         }
         set boxTypeHoverUnderlineOpacity(v) {
-            this.i.cz = +v;
-            this._a("boxTypeHoverUnderlineOpacity", this.i.cz);
+            this.i.c5 = +v;
+            this._a("boxTypeHoverUnderlineOpacity", this.i.c5);
         }
         /**
          * Gets or sets the color to use for the underline element when type is box.
         */
         get boxTypeFocusUnderlineOpacity() {
-            return this.i.cx;
+            return this.i.c3;
         }
         set boxTypeFocusUnderlineOpacity(v) {
-            this.i.cx = +v;
-            this._a("boxTypeFocusUnderlineOpacity", this.i.cx);
+            this.i.c3 = +v;
+            this._a("boxTypeFocusUnderlineOpacity", this.i.c3);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when focused when type is box.
         */
         get boxTypeFocusUnderlineRippleOpacity() {
-            return this.i.cy;
+            return this.i.c4;
         }
         set boxTypeFocusUnderlineRippleOpacity(v) {
-            this.i.cy = +v;
-            this._a("boxTypeFocusUnderlineRippleOpacity", this.i.cy);
+            this.i.c4 = +v;
+            this._a("boxTypeFocusUnderlineRippleOpacity", this.i.c4);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when type is box.
         */
         get boxTypeUnderlineRippleOpacity() {
-            return this.i.c2;
+            return this.i.c8;
         }
         set boxTypeUnderlineRippleOpacity(v) {
-            this.i.c2 = +v;
-            this._a("boxTypeUnderlineRippleOpacity", this.i.c2);
+            this.i.c8 = +v;
+            this._a("boxTypeUnderlineRippleOpacity", this.i.c8);
         }
         /**
          * Gets or sets the background color to use for the input group when type is box.
         */
         get boxTypeBackgroundColor() {
-            return brushToString(this.i.o8);
+            return brushToString(this.i.ml);
         }
         set boxTypeBackgroundColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group when using type line.
         */
         get borderTypeBorderWidth() {
-            return this.i.ck;
+            return this.i.cq;
         }
         set borderTypeBorderWidth(v) {
-            this.i.ck = +v;
-            this._a("borderTypeBorderWidth", this.i.ck);
+            this.i.cq = +v;
+            this._a("borderTypeBorderWidth", this.i.cq);
         }
         /**
          * Gets or sets the border width to use for the border of the item group when focused when type is border.
         */
         get borderTypeFocusBorderWidth() {
-            return this.i.cl;
+            return this.i.cr;
         }
         set borderTypeFocusBorderWidth(v) {
-            this.i.cl = +v;
-            this._a("borderTypeFocusBorderWidth", this.i.cl);
+            this.i.cr = +v;
+            this._a("borderTypeFocusBorderWidth", this.i.cr);
         }
         /**
          * Gets or sets the focus color to use the border of the input group when type is border.
         */
         get borderTypeFocusBorderColor() {
-            return brushToString(this.i.o3);
+            return brushToString(this.i.mg);
         }
         set borderTypeFocusBorderColor(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));
         }
         /**
          * Gets or sets the color to use the border of the input group when type is border.
         */
         get borderTypeBorderColor() {
-            return brushToString(this.i.o2);
+            return brushToString(this.i.mf);
         }
         set borderTypeBorderColor(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));
         }
         get borderTypeCornerRadiusBottomRight() {
-            return this.i.m1 ? this.i.m1.b : NaN;
+            return this.i.kp ? this.i.kp.b : NaN;
         }
         set borderTypeCornerRadiusBottomRight(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;
         }
         get borderTypeCornerRadiusBottomLeft() {
-            return this.i.m1 ? this.i.m1.a : NaN;
+            return this.i.kp ? this.i.kp.a : NaN;
         }
         set borderTypeCornerRadiusBottomLeft(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;
         }
         get borderTypeCornerRadiusTopLeft() {
-            return this.i.m1 ? this.i.m1.c : NaN;
+            return this.i.kp ? this.i.kp.c : NaN;
         }
         set borderTypeCornerRadiusTopLeft(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;
         }
         get borderTypeCornerRadiusTopRight() {
-            return this.i.m1 ? this.i.m1.d : NaN;
+            return this.i.kp ? this.i.kp.d : NaN;
         }
         set borderTypeCornerRadiusTopRight(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;
         }
         ensureBorderTypeCornerRadius() {
-            if (this.i.m1) {
+            if (this.i.kp) {
                 return;
             }
-            this.i.m1 = new CornerRadius(2);
+            this.i.kp = new CornerRadius(2);
         }
         get borderTypeContentPaddingBottom() {
-            return this.i.th ? this.i.th.bottom : NaN;
+            return this.i.of ? this.i.of.bottom : NaN;
         }
         set borderTypeContentPaddingBottom(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;
         }
         get borderTypeContentPaddingLeft() {
-            return this.i.th ? this.i.th.left : NaN;
+            return this.i.of ? this.i.of.left : NaN;
         }
         set borderTypeContentPaddingLeft(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;
         }
         get borderTypeContentPaddingRight() {
-            return this.i.th ? this.i.th.right : NaN;
+            return this.i.of ? this.i.of.right : NaN;
         }
         set borderTypeContentPaddingRight(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;
         }
         get borderTypeContentPaddingTop() {
-            return this.i.th ? this.i.th.top : NaN;
+            return this.i.of ? this.i.of.top : NaN;
         }
         set borderTypeContentPaddingTop(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;
         }
         ensureBorderTypeContentPadding() {
-            if (this.i.th) {
+            if (this.i.of) {
                 return;
             }
-            this.i.th = new Thickness(2);
+            this.i.of = new Thickness(2);
         }
         /**
          * Gets or sets the width to use for the underline element when type is border.
         */
         get borderTypeUnderlineWidth() {
-            return this.i.ct;
+            return this.i.cz;
         }
         set borderTypeUnderlineWidth(v) {
-            this.i.ct = +v;
-            this._a("borderTypeUnderlineWidth", this.i.ct);
+            this.i.cz = +v;
+            this._a("borderTypeUnderlineWidth", this.i.cz);
         }
         /**
          * Gets or sets the width to use for the underline element when type is border.
         */
         get borderTypeUnderlineRippleWidth() {
-            return this.i.cs;
+            return this.i.cy;
         }
         set borderTypeUnderlineRippleWidth(v) {
-            this.i.cs = +v;
-            this._a("borderTypeUnderlineRippleWidth", this.i.cs);
+            this.i.cy = +v;
+            this._a("borderTypeUnderlineRippleWidth", this.i.cy);
         }
         /**
          * Gets or sets the width to use for the underline element when hovered when type is border.
         */
         get borderTypeHoverUnderlineWidth() {
-            return this.i.cp;
+            return this.i.cv;
         }
         set borderTypeHoverUnderlineWidth(v) {
-            this.i.cp = +v;
-            this._a("borderTypeHoverUnderlineWidth", this.i.cp);
+            this.i.cv = +v;
+            this._a("borderTypeHoverUnderlineWidth", this.i.cv);
         }
         /**
          * Gets or sets the color to use for the underline element when type is border.
         */
         get borderTypeUnderlineColor() {
-            return brushToString(this.i.o6);
+            return brushToString(this.i.mj);
         }
         set borderTypeUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline ripple element when type is border.
         */
         get borderTypeUnderlineRippleColor() {
-            return brushToString(this.i.o7);
+            return brushToString(this.i.mk);
         }
         set borderTypeUnderlineRippleColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is border.
         */
         get borderTypeHoverUnderlineColor() {
-            return brushToString(this.i.o5);
+            return brushToString(this.i.mi);
         }
         set borderTypeHoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is border.
         */
         get borderTypeFocusUnderlineColor() {
-            return brushToString(this.i.o4);
+            return brushToString(this.i.mh);
         }
         set borderTypeFocusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is border.
         */
         get borderTypeUnderlineOpacity() {
-            return this.i.cq;
+            return this.i.cw;
         }
         set borderTypeUnderlineOpacity(v) {
-            this.i.cq = +v;
-            this._a("borderTypeUnderlineOpacity", this.i.cq);
+            this.i.cw = +v;
+            this._a("borderTypeUnderlineOpacity", this.i.cw);
         }
         /**
          * Gets or sets the color to use for the underline element when type is border.
         */
         get borderTypeHoverUnderlineOpacity() {
-            return this.i.co;
+            return this.i.cu;
         }
         set borderTypeHoverUnderlineOpacity(v) {
-            this.i.co = +v;
-            this._a("borderTypeHoverUnderlineOpacity", this.i.co);
+            this.i.cu = +v;
+            this._a("borderTypeHoverUnderlineOpacity", this.i.cu);
         }
         /**
          * Gets or sets the color to use for the underline element when type is border.
         */
         get borderTypeFocusUnderlineOpacity() {
-            return this.i.cm;
+            return this.i.cs;
         }
         set borderTypeFocusUnderlineOpacity(v) {
-            this.i.cm = +v;
-            this._a("borderTypeFocusUnderlineOpacity", this.i.cm);
+            this.i.cs = +v;
+            this._a("borderTypeFocusUnderlineOpacity", this.i.cs);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when focused when type is border.
         */
         get borderTypeFocusUnderlineRippleOpacity() {
-            return this.i.cn;
+            return this.i.ct;
         }
         set borderTypeFocusUnderlineRippleOpacity(v) {
-            this.i.cn = +v;
-            this._a("borderTypeFocusUnderlineRippleOpacity", this.i.cn);
+            this.i.ct = +v;
+            this._a("borderTypeFocusUnderlineRippleOpacity", this.i.ct);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when type is border.
         */
         get borderTypeUnderlineRippleOpacity() {
-            return this.i.cr;
+            return this.i.cx;
         }
         set borderTypeUnderlineRippleOpacity(v) {
-            this.i.cr = +v;
-            this._a("borderTypeUnderlineRippleOpacity", this.i.cr);
+            this.i.cx = +v;
+            this._a("borderTypeUnderlineRippleOpacity", this.i.cx);
         }
         /**
          * Gets or sets the background color to use for the input group when type is border.
         */
         get borderTypeBackgroundColor() {
-            return brushToString(this.i.o1);
+            return brushToString(this.i.me);
         }
         set borderTypeBackgroundColor(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));
         }
         /**
          * Gets or sets the search width to use for the border of the item group when using type line.
         */
         get searchTypeBorderWidth() {
-            return this.i.hr;
+            return this.i.ev;
         }
         set searchTypeBorderWidth(v) {
-            this.i.hr = +v;
-            this._a("searchTypeBorderWidth", this.i.hr);
+            this.i.ev = +v;
+            this._a("searchTypeBorderWidth", this.i.ev);
         }
         /**
          * Gets or sets the search width to use for the border of the item group when focused when type is search.
         */
         get searchTypeFocusBorderWidth() {
-            return this.i.hs;
+            return this.i.ew;
         }
         set searchTypeFocusBorderWidth(v) {
-            this.i.hs = +v;
-            this._a("searchTypeFocusBorderWidth", this.i.hs);
+            this.i.ew = +v;
+            this._a("searchTypeFocusBorderWidth", this.i.ew);
         }
         /**
          * Gets or sets the focus color to use the search of the input group when type is search.
         */
         get searchTypeFocusBorderColor() {
-            return brushToString(this.i.s3);
+            return brushToString(this.i.n0);
         }
         set searchTypeFocusBorderColor(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));
         }
         /**
          * Gets or sets the color to use the search of the input group when type is search.
         */
         get searchTypeBorderColor() {
-            return brushToString(this.i.s2);
+            return brushToString(this.i.nz);
         }
         set searchTypeBorderColor(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));
         }
         get searchTypeCornerRadiusBottomRight() {
-            return this.i.nl ? this.i.nl.b : NaN;
+            return this.i.ky ? this.i.ky.b : NaN;
         }
         set searchTypeCornerRadiusBottomRight(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;
         }
         get searchTypeCornerRadiusBottomLeft() {
-            return this.i.nl ? this.i.nl.a : NaN;
+            return this.i.ky ? this.i.ky.a : NaN;
         }
         set searchTypeCornerRadiusBottomLeft(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;
         }
         get searchTypeCornerRadiusTopLeft() {
-            return this.i.nl ? this.i.nl.c : NaN;
+            return this.i.ky ? this.i.ky.c : NaN;
         }
         set searchTypeCornerRadiusTopLeft(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;
         }
         get searchTypeCornerRadiusTopRight() {
-            return this.i.nl ? this.i.nl.d : NaN;
+            return this.i.ky ? this.i.ky.d : NaN;
         }
         set searchTypeCornerRadiusTopRight(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;
         }
         ensureSearchTypeCornerRadius() {
-            if (this.i.nl) {
+            if (this.i.ky) {
                 return;
             }
-            this.i.nl = new CornerRadius(2);
+            this.i.ky = new CornerRadius(2);
         }
         get searchTypeContentPaddingBottom() {
-            return this.i.t1 ? this.i.t1.bottom : NaN;
+            return this.i.oo ? this.i.oo.bottom : NaN;
         }
         set searchTypeContentPaddingBottom(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;
         }
         get searchTypeContentPaddingLeft() {
-            return this.i.t1 ? this.i.t1.left : NaN;
+            return this.i.oo ? this.i.oo.left : NaN;
         }
         set searchTypeContentPaddingLeft(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;
         }
         get searchTypeContentPaddingRight() {
-            return this.i.t1 ? this.i.t1.right : NaN;
+            return this.i.oo ? this.i.oo.right : NaN;
         }
         set searchTypeContentPaddingRight(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;
         }
         get searchTypeContentPaddingTop() {
-            return this.i.t1 ? this.i.t1.top : NaN;
+            return this.i.oo ? this.i.oo.top : NaN;
         }
         set searchTypeContentPaddingTop(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;
         }
         ensureSearchTypeContentPadding() {
-            if (this.i.t1) {
+            if (this.i.oo) {
                 return;
             }
-            this.i.t1 = new Thickness(2);
+            this.i.oo = new Thickness(2);
         }
         /**
          * Gets or sets the width to use for the underline element when type is search.
         */
         get searchTypeUnderlineWidth() {
-            return this.i.h0;
+            return this.i.e4;
         }
         set searchTypeUnderlineWidth(v) {
-            this.i.h0 = +v;
-            this._a("searchTypeUnderlineWidth", this.i.h0);
+            this.i.e4 = +v;
+            this._a("searchTypeUnderlineWidth", this.i.e4);
         }
         /**
          * Gets or sets the width to use for the underline element when type is search.
         */
         get searchTypeUnderlineRippleWidth() {
-            return this.i.hz;
+            return this.i.e3;
         }
         set searchTypeUnderlineRippleWidth(v) {
-            this.i.hz = +v;
-            this._a("searchTypeUnderlineRippleWidth", this.i.hz);
+            this.i.e3 = +v;
+            this._a("searchTypeUnderlineRippleWidth", this.i.e3);
         }
         /**
          * Gets or sets the width to use for the underline element when hovered when type is search.
         */
         get searchTypeHoverUnderlineWidth() {
-            return this.i.hw;
+            return this.i.e0;
         }
         set searchTypeHoverUnderlineWidth(v) {
-            this.i.hw = +v;
-            this._a("searchTypeHoverUnderlineWidth", this.i.hw);
+            this.i.e0 = +v;
+            this._a("searchTypeHoverUnderlineWidth", this.i.e0);
         }
         /**
          * Gets or sets the color to use for the underline element when type is search.
         */
         get searchTypeUnderlineColor() {
-            return brushToString(this.i.s6);
+            return brushToString(this.i.n3);
         }
         set searchTypeUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline ripple element when type is search.
         */
         get searchTypeUnderlineRippleColor() {
-            return brushToString(this.i.s7);
+            return brushToString(this.i.n4);
         }
         set searchTypeUnderlineRippleColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is search.
         */
         get searchTypeHoverUnderlineColor() {
-            return brushToString(this.i.s5);
+            return brushToString(this.i.n2);
         }
         set searchTypeHoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is search.
         */
         get searchTypeFocusUnderlineColor() {
-            return brushToString(this.i.s4);
+            return brushToString(this.i.n1);
         }
         set searchTypeFocusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element when type is search.
         */
         get searchTypeUnderlineOpacity() {
-            return this.i.hx;
+            return this.i.e1;
         }
         set searchTypeUnderlineOpacity(v) {
-            this.i.hx = +v;
-            this._a("searchTypeUnderlineOpacity", this.i.hx);
+            this.i.e1 = +v;
+            this._a("searchTypeUnderlineOpacity", this.i.e1);
         }
         /**
          * Gets or sets the color to use for the underline element when type is search.
         */
         get searchTypeHoverUnderlineOpacity() {
-            return this.i.hv;
+            return this.i.ez;
         }
         set searchTypeHoverUnderlineOpacity(v) {
-            this.i.hv = +v;
-            this._a("searchTypeHoverUnderlineOpacity", this.i.hv);
+            this.i.ez = +v;
+            this._a("searchTypeHoverUnderlineOpacity", this.i.ez);
         }
         /**
          * Gets or sets the color to use for the underline element when type is search.
         */
         get searchTypeFocusUnderlineOpacity() {
-            return this.i.ht;
+            return this.i.ex;
         }
         set searchTypeFocusUnderlineOpacity(v) {
-            this.i.ht = +v;
-            this._a("searchTypeFocusUnderlineOpacity", this.i.ht);
+            this.i.ex = +v;
+            this._a("searchTypeFocusUnderlineOpacity", this.i.ex);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when focused when type is search.
         */
         get searchTypeFocusUnderlineRippleOpacity() {
-            return this.i.hu;
+            return this.i.ey;
         }
         set searchTypeFocusUnderlineRippleOpacity(v) {
-            this.i.hu = +v;
-            this._a("searchTypeFocusUnderlineRippleOpacity", this.i.hu);
+            this.i.ey = +v;
+            this._a("searchTypeFocusUnderlineRippleOpacity", this.i.ey);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when type is search.
         */
         get searchTypeUnderlineRippleOpacity() {
-            return this.i.hy;
+            return this.i.e2;
         }
         set searchTypeUnderlineRippleOpacity(v) {
-            this.i.hy = +v;
-            this._a("searchTypeUnderlineRippleOpacity", this.i.hy);
+            this.i.e2 = +v;
+            this._a("searchTypeUnderlineRippleOpacity", this.i.e2);
         }
         /**
          * Gets or sets the background color to use for the input group when type is search.
         */
         get searchTypeBackgroundColor() {
-            return brushToString(this.i.s1);
+            return brushToString(this.i.ny);
         }
         set searchTypeBackgroundColor(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));
         }
         /**
          * Gets or sets whether the input group is expanded or not.
         */
         get isExpanded() {
-            return this.i.ah;
+            return this.i.an;
         }
         set isExpanded(v) {
-            this.i.ah = ensureBool(v);
-            this._a("isExpanded", this.i.ah);
+            this.i.an = ensureBool(v);
+            this._a("isExpanded", this.i.an);
         }
         /**
          * Gets or sets whether the input group is hovered or not.
         */
         get isHovered() {
-            return this.i.aj;
+            return this.i.ap;
         }
         set isHovered(v) {
-            this.i.aj = ensureBool(v);
-            this._a("isHovered", this.i.aj);
+            this.i.ap = ensureBool(v);
+            this._a("isHovered", this.i.ap);
         }
         /**
          * Gets or sets whether the input group is hovered or not.
         */
         get isFocused() {
-            return this.i.ai;
+            return this.i.ao;
         }
         set isFocused(v) {
-            this.i.ai = ensureBool(v);
-            this._a("isFocused", this.i.ai);
+            this.i.ao = ensureBool(v);
+            this._a("isFocused", this.i.ao);
         }
         /**
          * Gets or sets whether the input group is expanded or not.
         */
         get actualIsExpanded() {
-            return this.i.ac;
+            return this.i.ai;
         }
         set actualIsExpanded(v) {
-            this.i.ac = ensureBool(v);
-            this._a("actualIsExpanded", this.i.ac);
+            this.i.ai = ensureBool(v);
+            this._a("actualIsExpanded", this.i.ai);
         }
         /**
          * Gets or sets the color to use the hovered background of the inputs in the group.
         */
         get focusBorderColor() {
-            return brushToString(this.i.sr);
+            return brushToString(this.i.no);
         }
         set focusBorderColor(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));
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get id() {
-            return this.i.ki;
+            return this.i.hk;
         }
         set id(v) {
-            this.i.ki = v;
+            this.i.hk = v;
         }
         /**
          * Gets or sets whether the checkbox is disabled.
@@ -1952,7 +1952,7 @@ export let IgcXInputGroupComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.ia();
+            let iv = this.i.fe();
             return (iv);
         }
         /**
@@ -1960,7 +1960,7 @@ export let IgcXInputGroupComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.j9();
+            let iv = this.i.hb();
             return (iv);
         }
     }