igniteui-webcomponents-inputs 7.1.1-beta.0 → 7.1.1-beta.2

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

@@ -1,3034 +0,0 @@
-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";
-import { TypeRegistrar } from "igniteui-webcomponents-core";
-import { RegisterElementHelper } from "igniteui-webcomponents-core";
-import { IgcXInputGroupItemComponent } from './igc-x-input-group-item-component';
-import { IgcXInputGroupInputCollection } from './igc-x-input-group-input-collection';
-import { CollectionAdapter } from "igniteui-webcomponents-core";
-import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
-import { InputGroupDisplayType_$type } from './InputGroupDisplayType';
-import { CornerRadius } from "igniteui-webcomponents-core";
-import { Thickness } from "igniteui-webcomponents-core";
-import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
-import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
-import { IgcHTMLElement } from "igniteui-webcomponents-core";
-export var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(IgcXInputGroupComponent, _super);
-    function IgcXInputGroupComponent() {
-        var _this = _super.call(this) || this;
-        _this.contentInputs = [];
-        /**
-        * The style mappings actually present in the treemap. Do not directly modify this array.
-        * This array's contents can be modified by causing Angular to reproject the child content.
-        * Or adding and removing style mappings from the manual style mappings collection on the inputs property.
-        */
-        _this.actualInputs = [];
-        _this._inputs = null;
-        _this._inputsAdapter = null;
-        _this._disconnected = false;
-        _this._settingAttributes = false;
-        _this._attached = false;
-        _this._queuedSetAttributes = [];
-        _this._updatingFromAttribute = false;
-        _this.__p = null;
-        _this._hasUserValues = new Set();
-        _this._stylingContainer = null;
-        _this._stylingParent = null;
-        _this._inStyling = false;
-        if (_this._styling) {
-            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
-        }
-        _this._portalManager = new PortalManager("inputContent");
-        _this._renderer = new WebComponentRenderer(_this, document, true, {}, _this._portalManager);
-        _this._container = _this._renderer.createElement("div");
-        _this._renderer.updateRoot(_this._container);
-        _this._implementation = _this.createImplementation();
-        _this._implementation.externalObject = _this;
-        //this._container.setStyleProperty("width", "100%");
-        //this._container.setStyleProperty("height", "100%");
-        var root;
-        root = _this._container;
-        if (_this._container.getNativeElement() != null) {
-            root = _this._container.getNativeElement();
-        }
-        _this._wrapper = _this._renderer;
-        var inputGroup = _this.i;
-        _this._inputGroup = inputGroup;
-        _this._inputsAdapter = new CollectionAdapter(_this.contentInputs, _this.i.inputs, _this.actualInputs, function (c) { return c.i; }, function (i) {
-            if (_this._container && _this._container.getNativeElement().parentElement) {
-                i._styling(_this, _this, _this);
-            }
-        }, function (i) { });
-        inputGroup.provideContainer(_this._renderer);
-        _this._onChildrenChanged();
-        //Checkbox.notifySizeChanged();
-        var mut = new MutationObserver(function (list) {
-            var e_1, _b;
-            try {
-                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();
-                        _this.updateInputs();
-                    }
-                }
-            }
-            catch (e_1_1) {
-                e_1 = { error: e_1_1 };
-            }
-            finally {
-                try {
-                    if (list_1_1 && !list_1_1.done && (_b = list_1.return))
-                        _b.call(list_1);
-                }
-                finally {
-                    if (e_1)
-                        throw e_1.error;
-                }
-            }
-        });
-        mut.observe(_this, {
-            childList: true
-        });
-        return _this;
-        //this._renderer.addSizeWatcher(() => {
-        //    this._checkbox.notifySizeChanged();
-        //});
-    }
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "inputs", {
-        /**
-         * A collection or manually added axes for the chart.
-        */
-        get: function () {
-            var _this = this;
-            if (this._inputs === null) {
-                var coll = new IgcXInputGroupInputCollection();
-                var inner = coll._innerColl;
-                inner.addListener(function (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;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype._onChildrenChanged = function () {
-        var children = [];
-        for (var i = 0; i < this.childNodes.length; i++) {
-            var child = this.childNodes[i];
-            if (child !== this._container.getNativeElement()) {
-                children.push(child);
-            }
-        }
-        this._portalManager.onChildrenChanged(children);
-    };
-    IgcXInputGroupComponent.prototype.updateInputs = function () {
-        this.contentInputs.length = 0;
-        for (var i = 0; i < this.children.length; i++) {
-            if (this.children[i] instanceof IgcXInputGroupItemComponent) {
-                this.contentInputs.push(this.children[i]);
-            }
-        }
-        var childContent = this.querySelector("igc-child-content");
-        if (childContent) {
-            for (var i = 0; i < childContent.children.length; i++) {
-                if (childContent.children[i] instanceof IgcXInputGroupItemComponent) {
-                    this.contentInputs.push(childContent.children[i]);
-                }
-            }
-        }
-        if (this._inputsAdapter != null) {
-            this._inputsAdapter.notifyContentChanged();
-        }
-    };
-    // supports angular themes or custom properties set in CSS
-    IgcXInputGroupComponent.prototype.updateStyle = function () {
-        this._styling(this, this);
-    };
-    IgcXInputGroupComponent.prototype.destroy = function () {
-        this._inputGroup.destroy();
-        this._wrapper.destroy();
-    };
-    IgcXInputGroupComponent.prototype.createImplementation = function () {
-        return new XInputGroup();
-    };
-    IgcXInputGroupComponent.prototype.disconnectedCallback = function () {
-        this._disconnected = true;
-        if (this.i) {
-            this.i.onDetachedFromUI();
-        }
-    };
-    IgcXInputGroupComponent.prototype.connectedCallback = function () {
-        if (this._disconnected) {
-            this._disconnected = false;
-            if (this.i) {
-                this.i.onAttachedToUI();
-            }
-            return;
-        }
-        this.classList.add("ig-x-input-group");
-        this.classList.add("igc-x-input-group");
-        this.appendChild(this._container.getNativeElement());
-        this._attached = true;
-        this.style.display = "inline-block";
-        //this.style.height = this._height;
-        //this.style.width = this._width;
-        this._flushQueuedAttributes();
-        // supports themes or custom properties set in CSS 
-        this._styling(this, this);
-        this.afterContentInit();
-    };
-    IgcXInputGroupComponent.prototype.afterContentInit = function () {
-        this.i.ensureShift();
-        //this.i.notifySizeChanged();
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "i", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._implementation;
-        } /**
-                                     * @hidden
-                                     */,
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent._createFromInternal = function (internal) {
-        if (!internal) {
-            return null;
-        }
-        if (!internal.$type) {
-            return null;
-        }
-        var name = internal.$type.name;
-        var externalName = "Igc" + name + "Component";
-        if (!TypeRegistrar.isRegistered(externalName)) {
-            return null;
-        }
-        return TypeRegistrar.create(externalName);
-    };
-    IgcXInputGroupComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
-        this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
-    };
-    IgcXInputGroupComponent.prototype._flushQueuedAttributes = function () {
-        this._settingAttributes = true;
-        for (var i = 0; i < this._queuedSetAttributes.length; i++) {
-            this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
-        }
-        this._settingAttributes = false;
-        this._queuedSetAttributes.length = 0;
-    };
-    IgcXInputGroupComponent.prototype._a = function (attrName, attrValue) {
-        if (this._updatingFromAttribute) {
-            return;
-        }
-        if (attrValue) {
-            attrValue = attrValue.toString();
-        }
-        this._settingAttributes = true;
-        attrName = toSpinal(attrName);
-        if (this._attached) {
-            this.setAttribute(attrName, attrValue);
-        }
-        else {
-            this._enqueueSetAttribute(attrName, attrValue);
-        }
-        this._settingAttributes = false;
-    };
-    Object.defineProperty(IgcXInputGroupComponent, "observedAttributes", {
-        get: function () {
-            if (IgcXInputGroupComponent._observedAttributesIgcXInputGroupComponent == null) {
-                var names = getAllPropertyNames(IgcXInputGroupComponent);
-                for (var i = 0; i < names.length; i++) {
-                    names[i] = toSpinal(names[i]);
-                }
-                IgcXInputGroupComponent._observedAttributesIgcXInputGroupComponent = names;
-            }
-            return IgcXInputGroupComponent._observedAttributesIgcXInputGroupComponent;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
-        if (this._settingAttributes) {
-            return;
-        }
-        var setName = fromSpinal(name);
-        this._updatingFromAttribute = true;
-        this[setName] = newValue;
-        this._updatingFromAttribute = false;
-    };
-    IgcXInputGroupComponent.register = function () {
-        if (!IgcXInputGroupComponent._isElementRegistered) {
-            IgcXInputGroupComponent._isElementRegistered = true;
-            RegisterElementHelper.registerElement(IgcXInputGroupComponent.htmlTagName, IgcXInputGroupComponent);
-        }
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "displayType", {
-        /**
-     * Gets or sets the display style to use for the button.
-    */
-        get: function () {
-            return this.i.d;
-        },
-        set: function (v) {
-            this.i.d = ensureEnum(InputGroupDisplayType_$type, v);
-            this._a("displayType", enumToString(InputGroupDisplayType_$type, this.i.d));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "density", {
-        /**
-         * Gets or sets the display density to use for the input group.
-        */
-        get: function () {
-            return this.i.t;
-        },
-        set: function (v) {
-            this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.t));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualDensity", {
-        /**
-         * Gets the actual display density to use for the input group.
-        */
-        get: function () {
-            return this.i.s;
-        },
-        set: function (v) {
-            this.i.s = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.s));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "baseTheme", {
-        /**
-         * Gets or sets the base built in theme to use for the label.
-        */
-        get: function () {
-            return this.i.p;
-        },
-        set: function (v) {
-            this.i.p = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.p));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "inputHasValue", {
-        get: function () {
-            return this.i.al;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualBorderColor", {
-        /**
-         * Gets the actual item background color.
-        */
-        get: function () {
-            return brushToString(this.i.l6);
-        },
-        set: function (v) {
-            this.i.l6 = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.l6));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusBorderColor", {
-        /**
-         * Gets the actual item border color.
-        */
-        get: function () {
-            return brushToString(this.i.l7);
-        },
-        set: function (v) {
-            this.i.l7 = stringToBrush(v);
-            this._a("actualFocusBorderColor", brushToString(this.i.l7));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualBorderWidth", {
-        /**
-         * Gets the actual item border width.
-        */
-        get: function () {
-            return this.i.cg;
-        },
-        set: function (v) {
-            this.i.cg = +v;
-            this._a("actualBorderWidth", this.i.cg);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusBorderWidth", {
-        /**
-         * Gets the actual item border width.
-        */
-        get: function () {
-            return this.i.ch;
-        },
-        set: function (v) {
-            this.i.ch = +v;
-            this._a("actualFocusBorderWidth", this.i.ch);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusBottomRight", {
-        get: function () {
-            return this.i.ko ? this.i.ko.c : NaN;
-        },
-        set: function (v) {
-            this.ensureActualCornerRadius();
-            var __nv = +v;
-            if (this.i.ko.c === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.c = __nv;
-            __copy.b = this.i.ko.b;
-            __copy.d = this.i.ko.d;
-            __copy.e = this.i.ko.e;
-            this.i.ko = __copy;
-            this._a("actualCornerRadiusBottomRight", this.i.ko.c);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusBottomLeft", {
-        get: function () {
-            return this.i.ko ? this.i.ko.b : NaN;
-        },
-        set: function (v) {
-            this.ensureActualCornerRadius();
-            var __nv = +v;
-            if (this.i.ko.b === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.b = __nv;
-            __copy.c = this.i.ko.c;
-            __copy.d = this.i.ko.d;
-            __copy.e = this.i.ko.e;
-            this.i.ko = __copy;
-            this._a("actualCornerRadiusBottomLeft", this.i.ko.b);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusTopLeft", {
-        get: function () {
-            return this.i.ko ? this.i.ko.d : NaN;
-        },
-        set: function (v) {
-            this.ensureActualCornerRadius();
-            var __nv = +v;
-            if (this.i.ko.d === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.d = __nv;
-            __copy.c = this.i.ko.c;
-            __copy.b = this.i.ko.b;
-            __copy.e = this.i.ko.e;
-            this.i.ko = __copy;
-            this._a("actualCornerRadiusTopLeft", this.i.ko.d);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualCornerRadiusTopRight", {
-        get: function () {
-            return this.i.ko ? this.i.ko.e : NaN;
-        },
-        set: function (v) {
-            this.ensureActualCornerRadius();
-            var __nv = +v;
-            if (this.i.ko.e === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.e = __nv;
-            __copy.c = this.i.ko.c;
-            __copy.b = this.i.ko.b;
-            __copy.d = this.i.ko.d;
-            this.i.ko = __copy;
-            this._a("actualCornerRadiusTopRight", this.i.ko.e);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureActualCornerRadius = function () {
-        if (this.i.ko) {
-            return;
-        }
-        this.i.ko = new CornerRadius(2);
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingBottom", {
-        get: function () {
-            return this.i.oe ? this.i.oe.bottom : NaN;
-        },
-        set: function (v) {
-            this.ensureActualContentPadding();
-            var __nv = +v;
-            if (this.i.oe.bottom === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.bottom = __nv;
-            __copy.left = this.i.oe.left;
-            __copy.right = this.i.oe.right;
-            __copy.top = this.i.oe.top;
-            this.i.oe = __copy;
-            this._a("actualContentPaddingBottom", this.i.oe.bottom);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingLeft", {
-        get: function () {
-            return this.i.oe ? this.i.oe.left : NaN;
-        },
-        set: function (v) {
-            this.ensureActualContentPadding();
-            var __nv = +v;
-            if (this.i.oe.left === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.left = __nv;
-            __copy.bottom = this.i.oe.bottom;
-            __copy.right = this.i.oe.right;
-            __copy.top = this.i.oe.top;
-            this.i.oe = __copy;
-            this._a("actualContentPaddingLeft", this.i.oe.left);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingRight", {
-        get: function () {
-            return this.i.oe ? this.i.oe.right : NaN;
-        },
-        set: function (v) {
-            this.ensureActualContentPadding();
-            var __nv = +v;
-            if (this.i.oe.right === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.right = __nv;
-            __copy.bottom = this.i.oe.bottom;
-            __copy.left = this.i.oe.left;
-            __copy.top = this.i.oe.top;
-            this.i.oe = __copy;
-            this._a("actualContentPaddingRight", this.i.oe.right);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualContentPaddingTop", {
-        get: function () {
-            return this.i.oe ? this.i.oe.top : NaN;
-        },
-        set: function (v) {
-            this.ensureActualContentPadding();
-            var __nv = +v;
-            if (this.i.oe.top === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.top = __nv;
-            __copy.bottom = this.i.oe.bottom;
-            __copy.left = this.i.oe.left;
-            __copy.right = this.i.oe.right;
-            this.i.oe = __copy;
-            this._a("actualContentPaddingTop", this.i.oe.top);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureActualContentPadding = function () {
-        if (this.i.oe) {
-            return;
-        }
-        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.cp;
-        },
-        set: function (v) {
-            this.i.cp = +v;
-            this._a("actualUnderlineWidth", this.i.cp);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineRippleWidth", {
-        /**
-         * Gets the actual width to use for the underline element.
-        */
-        get: function () {
-            return this.i.co;
-        },
-        set: function (v) {
-            this.i.co = +v;
-            this._a("actualUnderlineRippleWidth", this.i.co);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualHoverUnderlineWidth", {
-        /**
-         * Gets the width to use for the underline element when hovered.
-        */
-        get: function () {
-            return this.i.cl;
-        },
-        set: function (v) {
-            this.i.cl = +v;
-            this._a("actualHoverUnderlineWidth", this.i.cl);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineColor", {
-        /**
-         * Gets the actual color to use for the underline element.
-        */
-        get: function () {
-            return brushToString(this.i.ma);
-        },
-        set: function (v) {
-            this.i.ma = stringToBrush(v);
-            this._a("actualUnderlineColor", brushToString(this.i.ma));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineRippleColor", {
-        /**
-         * Gets the actual color to use for the underline ripple element.
-        */
-        get: function () {
-            return brushToString(this.i.mb);
-        },
-        set: function (v) {
-            this.i.mb = stringToBrush(v);
-            this._a("actualUnderlineRippleColor", brushToString(this.i.mb));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualHoverUnderlineColor", {
-        /**
-         * Gets the actual color to use for the underline element.
-        */
-        get: function () {
-            return brushToString(this.i.l9);
-        },
-        set: function (v) {
-            this.i.l9 = stringToBrush(v);
-            this._a("actualHoverUnderlineColor", brushToString(this.i.l9));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusUnderlineColor", {
-        /**
-         * Gets the actual color to use for the underline element when focused.
-        */
-        get: function () {
-            return brushToString(this.i.l8);
-        },
-        set: function (v) {
-            this.i.l8 = stringToBrush(v);
-            this._a("actualFocusUnderlineColor", brushToString(this.i.l8));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineOpacity", {
-        /**
-         * Gets the actual opacity to use for the underline element.
-        */
-        get: function () {
-            return this.i.cm;
-        },
-        set: function (v) {
-            this.i.cm = +v;
-            this._a("actualUnderlineOpacity", this.i.cm);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualHoverUnderlineOpacity", {
-        /**
-         * Gets the actual opacity to use for the underline element when hovered.
-        */
-        get: function () {
-            return this.i.ck;
-        },
-        set: function (v) {
-            this.i.ck = +v;
-            this._a("actualHoverUnderlineOpacity", this.i.ck);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusUnderlineOpacity", {
-        /**
-         * Gets the actual opacity to use for the underline element when focused.
-        */
-        get: function () {
-            return this.i.ci;
-        },
-        set: function (v) {
-            this.i.ci = +v;
-            this._a("actualFocusUnderlineOpacity", this.i.ci);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualFocusUnderlineRippleOpacity", {
-        /**
-         * Gets the actual opacity to use for the underline ripple element when focused.
-        */
-        get: function () {
-            return this.i.cj;
-        },
-        set: function (v) {
-            this.i.cj = +v;
-            this._a("actualFocusUnderlineRippleOpacity", this.i.cj);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualUnderlineRippleOpacity", {
-        /**
-         * Gets the actual opacity to use for the underline ripple element.
-        */
-        get: function () {
-            return this.i.cn;
-        },
-        set: function (v) {
-            this.i.cn = +v;
-            this._a("actualUnderlineRippleOpacity", this.i.cn);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualBackgroundColor", {
-        /**
-         * Gets the actual opacity to use for the underline ripple element.
-        */
-        get: function () {
-            return brushToString(this.i.l5);
-        },
-        set: function (v) {
-            this.i.l5 = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.l5));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderWidth", {
-        /**
-         * Gets or sets the border width to use for the border of the item group.
-        */
-        get: function () {
-            return this.i.c0;
-        },
-        set: function (v) {
-            this.i.c0 = +v;
-            this._a("borderWidth", this.i.c0);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "focusBorderWidth", {
-        /**
-         * Gets or sets the border width to use for the border of the item group when focused.
-        */
-        get: function () {
-            return this.i.eg;
-        },
-        set: function (v) {
-            this.i.eg = +v;
-            this._a("focusBorderWidth", this.i.eg);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderColor", {
-        /**
-         * Gets or sets the color to use the border of the input group.
-        */
-        get: function () {
-            return brushToString(this.i.md);
-        },
-        set: function (v) {
-            this.i.md = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.md));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusBottomRight", {
-        get: function () {
-            return this.i.ks ? this.i.ks.c : NaN;
-        },
-        set: function (v) {
-            this.ensureCornerRadius();
-            var __nv = +v;
-            if (this.i.ks.c === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.c = __nv;
-            __copy.b = this.i.ks.b;
-            __copy.d = this.i.ks.d;
-            __copy.e = this.i.ks.e;
-            this.i.ks = __copy;
-            this._a("cornerRadiusBottomRight", this.i.ks.c);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusBottomLeft", {
-        get: function () {
-            return this.i.ks ? this.i.ks.b : NaN;
-        },
-        set: function (v) {
-            this.ensureCornerRadius();
-            var __nv = +v;
-            if (this.i.ks.b === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.b = __nv;
-            __copy.c = this.i.ks.c;
-            __copy.d = this.i.ks.d;
-            __copy.e = this.i.ks.e;
-            this.i.ks = __copy;
-            this._a("cornerRadiusBottomLeft", this.i.ks.b);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusTopLeft", {
-        get: function () {
-            return this.i.ks ? this.i.ks.d : NaN;
-        },
-        set: function (v) {
-            this.ensureCornerRadius();
-            var __nv = +v;
-            if (this.i.ks.d === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.d = __nv;
-            __copy.c = this.i.ks.c;
-            __copy.b = this.i.ks.b;
-            __copy.e = this.i.ks.e;
-            this.i.ks = __copy;
-            this._a("cornerRadiusTopLeft", this.i.ks.d);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "cornerRadiusTopRight", {
-        get: function () {
-            return this.i.ks ? this.i.ks.e : NaN;
-        },
-        set: function (v) {
-            this.ensureCornerRadius();
-            var __nv = +v;
-            if (this.i.ks.e === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.e = __nv;
-            __copy.c = this.i.ks.c;
-            __copy.b = this.i.ks.b;
-            __copy.d = this.i.ks.d;
-            this.i.ks = __copy;
-            this._a("cornerRadiusTopRight", this.i.ks.e);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureCornerRadius = function () {
-        if (this.i.ks) {
-            return;
-        }
-        this.i.ks = new CornerRadius(2);
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingBottom", {
-        get: function () {
-            return this.i.oi ? this.i.oi.bottom : NaN;
-        },
-        set: function (v) {
-            this.ensureContentPadding();
-            var __nv = +v;
-            if (this.i.oi.bottom === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.bottom = __nv;
-            __copy.left = this.i.oi.left;
-            __copy.right = this.i.oi.right;
-            __copy.top = this.i.oi.top;
-            this.i.oi = __copy;
-            this._a("contentPaddingBottom", this.i.oi.bottom);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingLeft", {
-        get: function () {
-            return this.i.oi ? this.i.oi.left : NaN;
-        },
-        set: function (v) {
-            this.ensureContentPadding();
-            var __nv = +v;
-            if (this.i.oi.left === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.left = __nv;
-            __copy.bottom = this.i.oi.bottom;
-            __copy.right = this.i.oi.right;
-            __copy.top = this.i.oi.top;
-            this.i.oi = __copy;
-            this._a("contentPaddingLeft", this.i.oi.left);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingRight", {
-        get: function () {
-            return this.i.oi ? this.i.oi.right : NaN;
-        },
-        set: function (v) {
-            this.ensureContentPadding();
-            var __nv = +v;
-            if (this.i.oi.right === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.right = __nv;
-            __copy.bottom = this.i.oi.bottom;
-            __copy.left = this.i.oi.left;
-            __copy.top = this.i.oi.top;
-            this.i.oi = __copy;
-            this._a("contentPaddingRight", this.i.oi.right);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "contentPaddingTop", {
-        get: function () {
-            return this.i.oi ? this.i.oi.top : NaN;
-        },
-        set: function (v) {
-            this.ensureContentPadding();
-            var __nv = +v;
-            if (this.i.oi.top === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.top = __nv;
-            __copy.bottom = this.i.oi.bottom;
-            __copy.left = this.i.oi.left;
-            __copy.right = this.i.oi.right;
-            this.i.oi = __copy;
-            this._a("contentPaddingTop", this.i.oi.top);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureContentPadding = function () {
-        if (this.i.oi) {
-            return;
-        }
-        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.e8;
-        },
-        set: function (v) {
-            this.i.e8 = +v;
-            this._a("underlineWidth", this.i.e8);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineRippleWidth", {
-        /**
-         * Gets or sets the width to use for the underline element.
-        */
-        get: function () {
-            return this.i.e7;
-        },
-        set: function (v) {
-            this.i.e7 = +v;
-            this._a("underlineRippleWidth", this.i.e7);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "hoverUnderlineWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when hovered.
-        */
-        get: function () {
-            return this.i.ek;
-        },
-        set: function (v) {
-            this.i.ek = +v;
-            this._a("hoverUnderlineWidth", this.i.ek);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element.
-        */
-        get: function () {
-            return brushToString(this.i.n6);
-        },
-        set: function (v) {
-            this.i.n6 = stringToBrush(v);
-            this._a("underlineColor", brushToString(this.i.n6));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineRippleColor", {
-        /**
-         * Gets or sets the color to use for the underline ripple element.
-        */
-        get: function () {
-            return brushToString(this.i.n7);
-        },
-        set: function (v) {
-            this.i.n7 = stringToBrush(v);
-            this._a("underlineRippleColor", brushToString(this.i.n7));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "hoverUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element.
-        */
-        get: function () {
-            return brushToString(this.i.nq);
-        },
-        set: function (v) {
-            this.i.nq = stringToBrush(v);
-            this._a("hoverUnderlineColor", brushToString(this.i.nq));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "focusUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element.
-        */
-        get: function () {
-            return brushToString(this.i.np);
-        },
-        set: function (v) {
-            this.i.np = stringToBrush(v);
-            this._a("focusUnderlineColor", brushToString(this.i.np));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element.
-        */
-        get: function () {
-            return this.i.e5;
-        },
-        set: function (v) {
-            this.i.e5 = +v;
-            this._a("underlineOpacity", this.i.e5);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "hoverUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element.
-        */
-        get: function () {
-            return this.i.ej;
-        },
-        set: function (v) {
-            this.i.ej = +v;
-            this._a("hoverUnderlineOpacity", this.i.ej);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "focusUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element.
-        */
-        get: function () {
-            return this.i.eh;
-        },
-        set: function (v) {
-            this.i.eh = +v;
-            this._a("focusUnderlineOpacity", this.i.eh);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "focusUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when focused.
-        */
-        get: function () {
-            return this.i.ei;
-        },
-        set: function (v) {
-            this.i.ei = +v;
-            this._a("focusUnderlineRippleOpacity", this.i.ei);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "underlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element.
-        */
-        get: function () {
-            return this.i.e6;
-        },
-        set: function (v) {
-            this.i.e6 = +v;
-            this._a("underlineRippleOpacity", this.i.e6);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "backgroundColor", {
-        /**
-         * Gets or sets the background color to use for the input group.
-        */
-        get: function () {
-            return brushToString(this.i.mc);
-        },
-        set: function (v) {
-            this.i.mc = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.mc));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeBorderWidth", {
-        /**
-         * Gets or sets the border width to use for the border of the item group when using type line.
-        */
-        get: function () {
-            return this.i.el;
-        },
-        set: function (v) {
-            this.i.el = +v;
-            this._a("lineTypeBorderWidth", this.i.el);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusBorderWidth", {
-        /**
-         * 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.em;
-        },
-        set: function (v) {
-            this.i.em = +v;
-            this._a("lineTypeFocusBorderWidth", this.i.em);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusBorderColor", {
-        /**
-         * Gets or sets the focus color to use the border of the input group when type is line.
-        */
-        get: function () {
-            return brushToString(this.i.nt);
-        },
-        set: function (v) {
-            this.i.nt = stringToBrush(v);
-            this._a("lineTypeFocusBorderColor", brushToString(this.i.nt));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeBorderColor", {
-        /**
-         * Gets or sets the color to use the border of the input group when type is line.
-        */
-        get: function () {
-            return brushToString(this.i.ns);
-        },
-        set: function (v) {
-            this.i.ns = stringToBrush(v);
-            this._a("lineTypeBorderColor", brushToString(this.i.ns));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomRight", {
-        get: function () {
-            return this.i.kx ? this.i.kx.c : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kx.c === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.c = __nv;
-            __copy.b = this.i.kx.b;
-            __copy.d = this.i.kx.d;
-            __copy.e = this.i.kx.e;
-            this.i.kx = __copy;
-            this._a("lineTypeCornerRadiusBottomRight", this.i.kx.c);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusBottomLeft", {
-        get: function () {
-            return this.i.kx ? this.i.kx.b : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kx.b === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.b = __nv;
-            __copy.c = this.i.kx.c;
-            __copy.d = this.i.kx.d;
-            __copy.e = this.i.kx.e;
-            this.i.kx = __copy;
-            this._a("lineTypeCornerRadiusBottomLeft", this.i.kx.b);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusTopLeft", {
-        get: function () {
-            return this.i.kx ? this.i.kx.d : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kx.d === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.d = __nv;
-            __copy.c = this.i.kx.c;
-            __copy.b = this.i.kx.b;
-            __copy.e = this.i.kx.e;
-            this.i.kx = __copy;
-            this._a("lineTypeCornerRadiusTopLeft", this.i.kx.d);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeCornerRadiusTopRight", {
-        get: function () {
-            return this.i.kx ? this.i.kx.e : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kx.e === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.e = __nv;
-            __copy.c = this.i.kx.c;
-            __copy.b = this.i.kx.b;
-            __copy.d = this.i.kx.d;
-            this.i.kx = __copy;
-            this._a("lineTypeCornerRadiusTopRight", this.i.kx.e);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureLineTypeCornerRadius = function () {
-        if (this.i.kx) {
-            return;
-        }
-        this.i.kx = new CornerRadius(2);
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingBottom", {
-        get: function () {
-            return this.i.on ? this.i.on.bottom : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeContentPadding();
-            var __nv = +v;
-            if (this.i.on.bottom === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.bottom = __nv;
-            __copy.left = this.i.on.left;
-            __copy.right = this.i.on.right;
-            __copy.top = this.i.on.top;
-            this.i.on = __copy;
-            this._a("lineTypeContentPaddingBottom", this.i.on.bottom);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingLeft", {
-        get: function () {
-            return this.i.on ? this.i.on.left : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeContentPadding();
-            var __nv = +v;
-            if (this.i.on.left === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.left = __nv;
-            __copy.bottom = this.i.on.bottom;
-            __copy.right = this.i.on.right;
-            __copy.top = this.i.on.top;
-            this.i.on = __copy;
-            this._a("lineTypeContentPaddingLeft", this.i.on.left);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingRight", {
-        get: function () {
-            return this.i.on ? this.i.on.right : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeContentPadding();
-            var __nv = +v;
-            if (this.i.on.right === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.right = __nv;
-            __copy.bottom = this.i.on.bottom;
-            __copy.left = this.i.on.left;
-            __copy.top = this.i.on.top;
-            this.i.on = __copy;
-            this._a("lineTypeContentPaddingRight", this.i.on.right);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeContentPaddingTop", {
-        get: function () {
-            return this.i.on ? this.i.on.top : NaN;
-        },
-        set: function (v) {
-            this.ensureLineTypeContentPadding();
-            var __nv = +v;
-            if (this.i.on.top === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.top = __nv;
-            __copy.bottom = this.i.on.bottom;
-            __copy.left = this.i.on.left;
-            __copy.right = this.i.on.right;
-            this.i.on = __copy;
-            this._a("lineTypeContentPaddingTop", this.i.on.top);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureLineTypeContentPadding = function () {
-        if (this.i.on) {
-            return;
-        }
-        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.eu;
-        },
-        set: function (v) {
-            this.i.eu = +v;
-            this._a("lineTypeUnderlineWidth", this.i.eu);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineRippleWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when type is line.
-        */
-        get: function () {
-            return this.i.et;
-        },
-        set: function (v) {
-            this.i.et = +v;
-            this._a("lineTypeUnderlineRippleWidth", this.i.et);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeHoverUnderlineWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when hovered when type is line.
-        */
-        get: function () {
-            return this.i.eq;
-        },
-        set: function (v) {
-            this.i.eq = +v;
-            this._a("lineTypeHoverUnderlineWidth", this.i.eq);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is line.
-        */
-        get: function () {
-            return brushToString(this.i.nw);
-        },
-        set: function (v) {
-            this.i.nw = stringToBrush(v);
-            this._a("lineTypeUnderlineColor", brushToString(this.i.nw));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineRippleColor", {
-        /**
-         * Gets or sets the color to use for the underline ripple element when type is line.
-        */
-        get: function () {
-            return brushToString(this.i.nx);
-        },
-        set: function (v) {
-            this.i.nx = stringToBrush(v);
-            this._a("lineTypeUnderlineRippleColor", brushToString(this.i.nx));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeHoverUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is line.
-        */
-        get: function () {
-            return brushToString(this.i.nv);
-        },
-        set: function (v) {
-            this.i.nv = stringToBrush(v);
-            this._a("lineTypeHoverUnderlineColor", brushToString(this.i.nv));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is line.
-        */
-        get: function () {
-            return brushToString(this.i.nu);
-        },
-        set: function (v) {
-            this.i.nu = stringToBrush(v);
-            this._a("lineTypeFocusUnderlineColor", brushToString(this.i.nu));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is line.
-        */
-        get: function () {
-            return this.i.er;
-        },
-        set: function (v) {
-            this.i.er = +v;
-            this._a("lineTypeUnderlineOpacity", this.i.er);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeHoverUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is line.
-        */
-        get: function () {
-            return this.i.ep;
-        },
-        set: function (v) {
-            this.i.ep = +v;
-            this._a("lineTypeHoverUnderlineOpacity", this.i.ep);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is line.
-        */
-        get: function () {
-            return this.i.en;
-        },
-        set: function (v) {
-            this.i.en = +v;
-            this._a("lineTypeFocusUnderlineOpacity", this.i.en);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeFocusUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when focused when type is line.
-        */
-        get: function () {
-            return this.i.eo;
-        },
-        set: function (v) {
-            this.i.eo = +v;
-            this._a("lineTypeFocusUnderlineRippleOpacity", this.i.eo);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when type is line.
-        */
-        get: function () {
-            return this.i.es;
-        },
-        set: function (v) {
-            this.i.es = +v;
-            this._a("lineTypeUnderlineRippleOpacity", this.i.es);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "lineTypeBackgroundColor", {
-        /**
-         * Gets or sets the background color to use for the input group when type is line.
-        */
-        get: function () {
-            return brushToString(this.i.nr);
-        },
-        set: function (v) {
-            this.i.nr = stringToBrush(v);
-            this._a("lineTypeBackgroundColor", brushToString(this.i.nr));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeBorderWidth", {
-        /**
-         * Gets or sets the border width to use for the border of the item group when using type line.
-        */
-        get: function () {
-            return this.i.c1;
-        },
-        set: function (v) {
-            this.i.c1 = +v;
-            this._a("boxTypeBorderWidth", this.i.c1);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusBorderWidth", {
-        /**
-         * 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.c2;
-        },
-        set: function (v) {
-            this.i.c2 = +v;
-            this._a("boxTypeFocusBorderWidth", this.i.c2);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusBorderColor", {
-        /**
-         * Gets or sets the focus color to use the border of the input group when type is box.
-        */
-        get: function () {
-            return brushToString(this.i.mn);
-        },
-        set: function (v) {
-            this.i.mn = stringToBrush(v);
-            this._a("boxTypeFocusBorderColor", brushToString(this.i.mn));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeBorderColor", {
-        /**
-         * Gets or sets the color to use the border of the input group when type is box.
-        */
-        get: function () {
-            return brushToString(this.i.mm);
-        },
-        set: function (v) {
-            this.i.mm = stringToBrush(v);
-            this._a("boxTypeBorderColor", brushToString(this.i.mm));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomRight", {
-        get: function () {
-            return this.i.kq ? this.i.kq.c : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kq.c === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.c = __nv;
-            __copy.b = this.i.kq.b;
-            __copy.d = this.i.kq.d;
-            __copy.e = this.i.kq.e;
-            this.i.kq = __copy;
-            this._a("boxTypeCornerRadiusBottomRight", this.i.kq.c);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusBottomLeft", {
-        get: function () {
-            return this.i.kq ? this.i.kq.b : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kq.b === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.b = __nv;
-            __copy.c = this.i.kq.c;
-            __copy.d = this.i.kq.d;
-            __copy.e = this.i.kq.e;
-            this.i.kq = __copy;
-            this._a("boxTypeCornerRadiusBottomLeft", this.i.kq.b);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusTopLeft", {
-        get: function () {
-            return this.i.kq ? this.i.kq.d : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kq.d === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.d = __nv;
-            __copy.c = this.i.kq.c;
-            __copy.b = this.i.kq.b;
-            __copy.e = this.i.kq.e;
-            this.i.kq = __copy;
-            this._a("boxTypeCornerRadiusTopLeft", this.i.kq.d);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeCornerRadiusTopRight", {
-        get: function () {
-            return this.i.kq ? this.i.kq.e : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kq.e === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.e = __nv;
-            __copy.c = this.i.kq.c;
-            __copy.b = this.i.kq.b;
-            __copy.d = this.i.kq.d;
-            this.i.kq = __copy;
-            this._a("boxTypeCornerRadiusTopRight", this.i.kq.e);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureBoxTypeCornerRadius = function () {
-        if (this.i.kq) {
-            return;
-        }
-        this.i.kq = new CornerRadius(2);
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingBottom", {
-        get: function () {
-            return this.i.og ? this.i.og.bottom : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeContentPadding();
-            var __nv = +v;
-            if (this.i.og.bottom === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.bottom = __nv;
-            __copy.left = this.i.og.left;
-            __copy.right = this.i.og.right;
-            __copy.top = this.i.og.top;
-            this.i.og = __copy;
-            this._a("boxTypeContentPaddingBottom", this.i.og.bottom);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingLeft", {
-        get: function () {
-            return this.i.og ? this.i.og.left : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeContentPadding();
-            var __nv = +v;
-            if (this.i.og.left === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.left = __nv;
-            __copy.bottom = this.i.og.bottom;
-            __copy.right = this.i.og.right;
-            __copy.top = this.i.og.top;
-            this.i.og = __copy;
-            this._a("boxTypeContentPaddingLeft", this.i.og.left);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingRight", {
-        get: function () {
-            return this.i.og ? this.i.og.right : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeContentPadding();
-            var __nv = +v;
-            if (this.i.og.right === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.right = __nv;
-            __copy.bottom = this.i.og.bottom;
-            __copy.left = this.i.og.left;
-            __copy.top = this.i.og.top;
-            this.i.og = __copy;
-            this._a("boxTypeContentPaddingRight", this.i.og.right);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeContentPaddingTop", {
-        get: function () {
-            return this.i.og ? this.i.og.top : NaN;
-        },
-        set: function (v) {
-            this.ensureBoxTypeContentPadding();
-            var __nv = +v;
-            if (this.i.og.top === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.top = __nv;
-            __copy.bottom = this.i.og.bottom;
-            __copy.left = this.i.og.left;
-            __copy.right = this.i.og.right;
-            this.i.og = __copy;
-            this._a("boxTypeContentPaddingTop", this.i.og.top);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureBoxTypeContentPadding = function () {
-        if (this.i.og) {
-            return;
-        }
-        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.da;
-        },
-        set: function (v) {
-            this.i.da = +v;
-            this._a("boxTypeUnderlineWidth", this.i.da);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineRippleWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when type is box.
-        */
-        get: function () {
-            return this.i.c9;
-        },
-        set: function (v) {
-            this.i.c9 = +v;
-            this._a("boxTypeUnderlineRippleWidth", this.i.c9);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeHoverUnderlineWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when hovered when type is box.
-        */
-        get: function () {
-            return this.i.c6;
-        },
-        set: function (v) {
-            this.i.c6 = +v;
-            this._a("boxTypeHoverUnderlineWidth", this.i.c6);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is box.
-        */
-        get: function () {
-            return brushToString(this.i.mq);
-        },
-        set: function (v) {
-            this.i.mq = stringToBrush(v);
-            this._a("boxTypeUnderlineColor", brushToString(this.i.mq));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineRippleColor", {
-        /**
-         * Gets or sets the color to use for the underline ripple element when type is box.
-        */
-        get: function () {
-            return brushToString(this.i.mr);
-        },
-        set: function (v) {
-            this.i.mr = stringToBrush(v);
-            this._a("boxTypeUnderlineRippleColor", brushToString(this.i.mr));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeHoverUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is box.
-        */
-        get: function () {
-            return brushToString(this.i.mp);
-        },
-        set: function (v) {
-            this.i.mp = stringToBrush(v);
-            this._a("boxTypeHoverUnderlineColor", brushToString(this.i.mp));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is box.
-        */
-        get: function () {
-            return brushToString(this.i.mo);
-        },
-        set: function (v) {
-            this.i.mo = stringToBrush(v);
-            this._a("boxTypeFocusUnderlineColor", brushToString(this.i.mo));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is box.
-        */
-        get: function () {
-            return this.i.c7;
-        },
-        set: function (v) {
-            this.i.c7 = +v;
-            this._a("boxTypeUnderlineOpacity", this.i.c7);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeHoverUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is box.
-        */
-        get: function () {
-            return this.i.c5;
-        },
-        set: function (v) {
-            this.i.c5 = +v;
-            this._a("boxTypeHoverUnderlineOpacity", this.i.c5);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is box.
-        */
-        get: function () {
-            return this.i.c3;
-        },
-        set: function (v) {
-            this.i.c3 = +v;
-            this._a("boxTypeFocusUnderlineOpacity", this.i.c3);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeFocusUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when focused when type is box.
-        */
-        get: function () {
-            return this.i.c4;
-        },
-        set: function (v) {
-            this.i.c4 = +v;
-            this._a("boxTypeFocusUnderlineRippleOpacity", this.i.c4);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when type is box.
-        */
-        get: function () {
-            return this.i.c8;
-        },
-        set: function (v) {
-            this.i.c8 = +v;
-            this._a("boxTypeUnderlineRippleOpacity", this.i.c8);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "boxTypeBackgroundColor", {
-        /**
-         * Gets or sets the background color to use for the input group when type is box.
-        */
-        get: function () {
-            return brushToString(this.i.ml);
-        },
-        set: function (v) {
-            this.i.ml = stringToBrush(v);
-            this._a("boxTypeBackgroundColor", brushToString(this.i.ml));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeBorderWidth", {
-        /**
-         * Gets or sets the border width to use for the border of the item group when using type line.
-        */
-        get: function () {
-            return this.i.cq;
-        },
-        set: function (v) {
-            this.i.cq = +v;
-            this._a("borderTypeBorderWidth", this.i.cq);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusBorderWidth", {
-        /**
-         * 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.cr;
-        },
-        set: function (v) {
-            this.i.cr = +v;
-            this._a("borderTypeFocusBorderWidth", this.i.cr);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusBorderColor", {
-        /**
-         * Gets or sets the focus color to use the border of the input group when type is border.
-        */
-        get: function () {
-            return brushToString(this.i.mg);
-        },
-        set: function (v) {
-            this.i.mg = stringToBrush(v);
-            this._a("borderTypeFocusBorderColor", brushToString(this.i.mg));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeBorderColor", {
-        /**
-         * Gets or sets the color to use the border of the input group when type is border.
-        */
-        get: function () {
-            return brushToString(this.i.mf);
-        },
-        set: function (v) {
-            this.i.mf = stringToBrush(v);
-            this._a("borderTypeBorderColor", brushToString(this.i.mf));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusBottomRight", {
-        get: function () {
-            return this.i.kp ? this.i.kp.c : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kp.c === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.c = __nv;
-            __copy.b = this.i.kp.b;
-            __copy.d = this.i.kp.d;
-            __copy.e = this.i.kp.e;
-            this.i.kp = __copy;
-            this._a("borderTypeCornerRadiusBottomRight", this.i.kp.c);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusBottomLeft", {
-        get: function () {
-            return this.i.kp ? this.i.kp.b : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kp.b === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.b = __nv;
-            __copy.c = this.i.kp.c;
-            __copy.d = this.i.kp.d;
-            __copy.e = this.i.kp.e;
-            this.i.kp = __copy;
-            this._a("borderTypeCornerRadiusBottomLeft", this.i.kp.b);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusTopLeft", {
-        get: function () {
-            return this.i.kp ? this.i.kp.d : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kp.d === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.d = __nv;
-            __copy.c = this.i.kp.c;
-            __copy.b = this.i.kp.b;
-            __copy.e = this.i.kp.e;
-            this.i.kp = __copy;
-            this._a("borderTypeCornerRadiusTopLeft", this.i.kp.d);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeCornerRadiusTopRight", {
-        get: function () {
-            return this.i.kp ? this.i.kp.e : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.kp.e === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.e = __nv;
-            __copy.c = this.i.kp.c;
-            __copy.b = this.i.kp.b;
-            __copy.d = this.i.kp.d;
-            this.i.kp = __copy;
-            this._a("borderTypeCornerRadiusTopRight", this.i.kp.e);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureBorderTypeCornerRadius = function () {
-        if (this.i.kp) {
-            return;
-        }
-        this.i.kp = new CornerRadius(2);
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingBottom", {
-        get: function () {
-            return this.i.of ? this.i.of.bottom : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeContentPadding();
-            var __nv = +v;
-            if (this.i.of.bottom === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.bottom = __nv;
-            __copy.left = this.i.of.left;
-            __copy.right = this.i.of.right;
-            __copy.top = this.i.of.top;
-            this.i.of = __copy;
-            this._a("borderTypeContentPaddingBottom", this.i.of.bottom);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingLeft", {
-        get: function () {
-            return this.i.of ? this.i.of.left : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeContentPadding();
-            var __nv = +v;
-            if (this.i.of.left === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.left = __nv;
-            __copy.bottom = this.i.of.bottom;
-            __copy.right = this.i.of.right;
-            __copy.top = this.i.of.top;
-            this.i.of = __copy;
-            this._a("borderTypeContentPaddingLeft", this.i.of.left);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingRight", {
-        get: function () {
-            return this.i.of ? this.i.of.right : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeContentPadding();
-            var __nv = +v;
-            if (this.i.of.right === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.right = __nv;
-            __copy.bottom = this.i.of.bottom;
-            __copy.left = this.i.of.left;
-            __copy.top = this.i.of.top;
-            this.i.of = __copy;
-            this._a("borderTypeContentPaddingRight", this.i.of.right);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeContentPaddingTop", {
-        get: function () {
-            return this.i.of ? this.i.of.top : NaN;
-        },
-        set: function (v) {
-            this.ensureBorderTypeContentPadding();
-            var __nv = +v;
-            if (this.i.of.top === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.top = __nv;
-            __copy.bottom = this.i.of.bottom;
-            __copy.left = this.i.of.left;
-            __copy.right = this.i.of.right;
-            this.i.of = __copy;
-            this._a("borderTypeContentPaddingTop", this.i.of.top);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureBorderTypeContentPadding = function () {
-        if (this.i.of) {
-            return;
-        }
-        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.cz;
-        },
-        set: function (v) {
-            this.i.cz = +v;
-            this._a("borderTypeUnderlineWidth", this.i.cz);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineRippleWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when type is border.
-        */
-        get: function () {
-            return this.i.cy;
-        },
-        set: function (v) {
-            this.i.cy = +v;
-            this._a("borderTypeUnderlineRippleWidth", this.i.cy);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeHoverUnderlineWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when hovered when type is border.
-        */
-        get: function () {
-            return this.i.cv;
-        },
-        set: function (v) {
-            this.i.cv = +v;
-            this._a("borderTypeHoverUnderlineWidth", this.i.cv);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is border.
-        */
-        get: function () {
-            return brushToString(this.i.mj);
-        },
-        set: function (v) {
-            this.i.mj = stringToBrush(v);
-            this._a("borderTypeUnderlineColor", brushToString(this.i.mj));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineRippleColor", {
-        /**
-         * Gets or sets the color to use for the underline ripple element when type is border.
-        */
-        get: function () {
-            return brushToString(this.i.mk);
-        },
-        set: function (v) {
-            this.i.mk = stringToBrush(v);
-            this._a("borderTypeUnderlineRippleColor", brushToString(this.i.mk));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeHoverUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is border.
-        */
-        get: function () {
-            return brushToString(this.i.mi);
-        },
-        set: function (v) {
-            this.i.mi = stringToBrush(v);
-            this._a("borderTypeHoverUnderlineColor", brushToString(this.i.mi));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is border.
-        */
-        get: function () {
-            return brushToString(this.i.mh);
-        },
-        set: function (v) {
-            this.i.mh = stringToBrush(v);
-            this._a("borderTypeFocusUnderlineColor", brushToString(this.i.mh));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is border.
-        */
-        get: function () {
-            return this.i.cw;
-        },
-        set: function (v) {
-            this.i.cw = +v;
-            this._a("borderTypeUnderlineOpacity", this.i.cw);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeHoverUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is border.
-        */
-        get: function () {
-            return this.i.cu;
-        },
-        set: function (v) {
-            this.i.cu = +v;
-            this._a("borderTypeHoverUnderlineOpacity", this.i.cu);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is border.
-        */
-        get: function () {
-            return this.i.cs;
-        },
-        set: function (v) {
-            this.i.cs = +v;
-            this._a("borderTypeFocusUnderlineOpacity", this.i.cs);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeFocusUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when focused when type is border.
-        */
-        get: function () {
-            return this.i.ct;
-        },
-        set: function (v) {
-            this.i.ct = +v;
-            this._a("borderTypeFocusUnderlineRippleOpacity", this.i.ct);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when type is border.
-        */
-        get: function () {
-            return this.i.cx;
-        },
-        set: function (v) {
-            this.i.cx = +v;
-            this._a("borderTypeUnderlineRippleOpacity", this.i.cx);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "borderTypeBackgroundColor", {
-        /**
-         * Gets or sets the background color to use for the input group when type is border.
-        */
-        get: function () {
-            return brushToString(this.i.me);
-        },
-        set: function (v) {
-            this.i.me = stringToBrush(v);
-            this._a("borderTypeBackgroundColor", brushToString(this.i.me));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeBorderWidth", {
-        /**
-         * Gets or sets the search width to use for the border of the item group when using type line.
-        */
-        get: function () {
-            return this.i.ev;
-        },
-        set: function (v) {
-            this.i.ev = +v;
-            this._a("searchTypeBorderWidth", this.i.ev);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusBorderWidth", {
-        /**
-         * 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.ew;
-        },
-        set: function (v) {
-            this.i.ew = +v;
-            this._a("searchTypeFocusBorderWidth", this.i.ew);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusBorderColor", {
-        /**
-         * Gets or sets the focus color to use the search of the input group when type is search.
-        */
-        get: function () {
-            return brushToString(this.i.n0);
-        },
-        set: function (v) {
-            this.i.n0 = stringToBrush(v);
-            this._a("searchTypeFocusBorderColor", brushToString(this.i.n0));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeBorderColor", {
-        /**
-         * Gets or sets the color to use the search of the input group when type is search.
-        */
-        get: function () {
-            return brushToString(this.i.nz);
-        },
-        set: function (v) {
-            this.i.nz = stringToBrush(v);
-            this._a("searchTypeBorderColor", brushToString(this.i.nz));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusBottomRight", {
-        get: function () {
-            return this.i.ky ? this.i.ky.c : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.ky.c === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.c = __nv;
-            __copy.b = this.i.ky.b;
-            __copy.d = this.i.ky.d;
-            __copy.e = this.i.ky.e;
-            this.i.ky = __copy;
-            this._a("searchTypeCornerRadiusBottomRight", this.i.ky.c);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusBottomLeft", {
-        get: function () {
-            return this.i.ky ? this.i.ky.b : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.ky.b === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.b = __nv;
-            __copy.c = this.i.ky.c;
-            __copy.d = this.i.ky.d;
-            __copy.e = this.i.ky.e;
-            this.i.ky = __copy;
-            this._a("searchTypeCornerRadiusBottomLeft", this.i.ky.b);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusTopLeft", {
-        get: function () {
-            return this.i.ky ? this.i.ky.d : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.ky.d === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.d = __nv;
-            __copy.c = this.i.ky.c;
-            __copy.b = this.i.ky.b;
-            __copy.e = this.i.ky.e;
-            this.i.ky = __copy;
-            this._a("searchTypeCornerRadiusTopLeft", this.i.ky.d);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeCornerRadiusTopRight", {
-        get: function () {
-            return this.i.ky ? this.i.ky.e : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeCornerRadius();
-            var __nv = +v;
-            if (this.i.ky.e === __nv) {
-                return;
-            }
-            var __copy = new CornerRadius(2);
-            __copy.e = __nv;
-            __copy.c = this.i.ky.c;
-            __copy.b = this.i.ky.b;
-            __copy.d = this.i.ky.d;
-            this.i.ky = __copy;
-            this._a("searchTypeCornerRadiusTopRight", this.i.ky.e);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureSearchTypeCornerRadius = function () {
-        if (this.i.ky) {
-            return;
-        }
-        this.i.ky = new CornerRadius(2);
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingBottom", {
-        get: function () {
-            return this.i.oo ? this.i.oo.bottom : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeContentPadding();
-            var __nv = +v;
-            if (this.i.oo.bottom === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.bottom = __nv;
-            __copy.left = this.i.oo.left;
-            __copy.right = this.i.oo.right;
-            __copy.top = this.i.oo.top;
-            this.i.oo = __copy;
-            this._a("searchTypeContentPaddingBottom", this.i.oo.bottom);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingLeft", {
-        get: function () {
-            return this.i.oo ? this.i.oo.left : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeContentPadding();
-            var __nv = +v;
-            if (this.i.oo.left === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.left = __nv;
-            __copy.bottom = this.i.oo.bottom;
-            __copy.right = this.i.oo.right;
-            __copy.top = this.i.oo.top;
-            this.i.oo = __copy;
-            this._a("searchTypeContentPaddingLeft", this.i.oo.left);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingRight", {
-        get: function () {
-            return this.i.oo ? this.i.oo.right : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeContentPadding();
-            var __nv = +v;
-            if (this.i.oo.right === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.right = __nv;
-            __copy.bottom = this.i.oo.bottom;
-            __copy.left = this.i.oo.left;
-            __copy.top = this.i.oo.top;
-            this.i.oo = __copy;
-            this._a("searchTypeContentPaddingRight", this.i.oo.right);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeContentPaddingTop", {
-        get: function () {
-            return this.i.oo ? this.i.oo.top : NaN;
-        },
-        set: function (v) {
-            this.ensureSearchTypeContentPadding();
-            var __nv = +v;
-            if (this.i.oo.top === __nv) {
-                return;
-            }
-            var __copy = new Thickness(2);
-            __copy.top = __nv;
-            __copy.bottom = this.i.oo.bottom;
-            __copy.left = this.i.oo.left;
-            __copy.right = this.i.oo.right;
-            this.i.oo = __copy;
-            this._a("searchTypeContentPaddingTop", this.i.oo.top);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.ensureSearchTypeContentPadding = function () {
-        if (this.i.oo) {
-            return;
-        }
-        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.e4;
-        },
-        set: function (v) {
-            this.i.e4 = +v;
-            this._a("searchTypeUnderlineWidth", this.i.e4);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineRippleWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when type is search.
-        */
-        get: function () {
-            return this.i.e3;
-        },
-        set: function (v) {
-            this.i.e3 = +v;
-            this._a("searchTypeUnderlineRippleWidth", this.i.e3);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeHoverUnderlineWidth", {
-        /**
-         * Gets or sets the width to use for the underline element when hovered when type is search.
-        */
-        get: function () {
-            return this.i.e0;
-        },
-        set: function (v) {
-            this.i.e0 = +v;
-            this._a("searchTypeHoverUnderlineWidth", this.i.e0);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is search.
-        */
-        get: function () {
-            return brushToString(this.i.n3);
-        },
-        set: function (v) {
-            this.i.n3 = stringToBrush(v);
-            this._a("searchTypeUnderlineColor", brushToString(this.i.n3));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineRippleColor", {
-        /**
-         * Gets or sets the color to use for the underline ripple element when type is search.
-        */
-        get: function () {
-            return brushToString(this.i.n4);
-        },
-        set: function (v) {
-            this.i.n4 = stringToBrush(v);
-            this._a("searchTypeUnderlineRippleColor", brushToString(this.i.n4));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeHoverUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is search.
-        */
-        get: function () {
-            return brushToString(this.i.n2);
-        },
-        set: function (v) {
-            this.i.n2 = stringToBrush(v);
-            this._a("searchTypeHoverUnderlineColor", brushToString(this.i.n2));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusUnderlineColor", {
-        /**
-         * Gets or sets the color to use for the underline element when type is search.
-        */
-        get: function () {
-            return brushToString(this.i.n1);
-        },
-        set: function (v) {
-            this.i.n1 = stringToBrush(v);
-            this._a("searchTypeFocusUnderlineColor", brushToString(this.i.n1));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is search.
-        */
-        get: function () {
-            return this.i.e1;
-        },
-        set: function (v) {
-            this.i.e1 = +v;
-            this._a("searchTypeUnderlineOpacity", this.i.e1);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeHoverUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is search.
-        */
-        get: function () {
-            return this.i.ez;
-        },
-        set: function (v) {
-            this.i.ez = +v;
-            this._a("searchTypeHoverUnderlineOpacity", this.i.ez);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusUnderlineOpacity", {
-        /**
-         * Gets or sets the color to use for the underline element when type is search.
-        */
-        get: function () {
-            return this.i.ex;
-        },
-        set: function (v) {
-            this.i.ex = +v;
-            this._a("searchTypeFocusUnderlineOpacity", this.i.ex);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeFocusUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when focused when type is search.
-        */
-        get: function () {
-            return this.i.ey;
-        },
-        set: function (v) {
-            this.i.ey = +v;
-            this._a("searchTypeFocusUnderlineRippleOpacity", this.i.ey);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeUnderlineRippleOpacity", {
-        /**
-         * Gets or sets the opacity to use for the underline ripple element when type is search.
-        */
-        get: function () {
-            return this.i.e2;
-        },
-        set: function (v) {
-            this.i.e2 = +v;
-            this._a("searchTypeUnderlineRippleOpacity", this.i.e2);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "searchTypeBackgroundColor", {
-        /**
-         * Gets or sets the background color to use for the input group when type is search.
-        */
-        get: function () {
-            return brushToString(this.i.ny);
-        },
-        set: function (v) {
-            this.i.ny = stringToBrush(v);
-            this._a("searchTypeBackgroundColor", brushToString(this.i.ny));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "isExpanded", {
-        /**
-         * Gets or sets whether the input group is expanded or not.
-        */
-        get: function () {
-            return this.i.an;
-        },
-        set: function (v) {
-            this.i.an = ensureBool(v);
-            this._a("isExpanded", this.i.an);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "isHovered", {
-        /**
-         * Gets or sets whether the input group is hovered or not.
-        */
-        get: function () {
-            return this.i.ap;
-        },
-        set: function (v) {
-            this.i.ap = ensureBool(v);
-            this._a("isHovered", this.i.ap);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "isFocused", {
-        /**
-         * Gets or sets whether the input group is hovered or not.
-        */
-        get: function () {
-            return this.i.ao;
-        },
-        set: function (v) {
-            this.i.ao = ensureBool(v);
-            this._a("isFocused", this.i.ao);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "actualIsExpanded", {
-        /**
-         * Gets or sets whether the input group is expanded or not.
-        */
-        get: function () {
-            return this.i.ai;
-        },
-        set: function (v) {
-            this.i.ai = ensureBool(v);
-            this._a("actualIsExpanded", this.i.ai);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "focusBorderColor", {
-        /**
-         * Gets or sets the color to use the hovered background of the inputs in the group.
-        */
-        get: function () {
-            return brushToString(this.i.no);
-        },
-        set: function (v) {
-            this.i.no = stringToBrush(v);
-            this._a("focusBorderColor", brushToString(this.i.no));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "id", {
-        /**
-         * Gets or sets the id to use for the checkbox.
-        */
-        get: function () {
-            return this.i.hk;
-        },
-        set: function (v) {
-            this.i.hk = v;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "disabled", {
-        /**
-         * Gets or sets whether the checkbox is disabled.
-        */
-        get: function () {
-            return this.i.disabled;
-        },
-        set: function (v) {
-            this.i.disabled = ensureBool(v);
-            this._a("disabled", this.i.disabled);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.findByName = function (name) {
-        if (this.findEphemera) {
-            if (name && name.indexOf("@@e:") == 0) {
-                return this.findEphemera(name);
-            }
-        }
-        if (this.inputs != null && this.inputs.findByName && this.inputs.findByName(name)) {
-            return this.inputs.findByName(name);
-        }
-        return null;
-    };
-    Object.defineProperty(IgcXInputGroupComponent.prototype, "hasUserValues", {
-        get: function () {
-            return this._hasUserValues;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IgcXInputGroupComponent.prototype.__m = function (propertyName) {
-        if (!this._inStyling) {
-            this._hasUserValues.add(propertyName);
-        }
-    };
-    IgcXInputGroupComponent.prototype._styling = function (container, component, parent) {
-        if (this._inStyling) {
-            return;
-        }
-        this._inStyling = true;
-        this._stylingContainer = container;
-        this._stylingParent = component;
-        var genericPrefix = "";
-        var typeName = this.i.$type.name;
-        if (typeName.indexOf("Xam") === 0) {
-            typeName = typeName.substring(3);
-        }
-        genericPrefix = toSpinal("XInputGroupComponent");
-        var additionalPrefixes = [];
-        var prefix = toSpinal(typeName);
-        additionalPrefixes.push(prefix + "-");
-        var b = this.i.$type.baseType;
-        while (b && b.name != "Object" &&
-            b.name != "Base" &&
-            b.name != "Control" &&
-            b.Name != "DependencyObject" &&
-            b.Name != "FrameworkElement") {
-            typeName = b.name;
-            if (typeName.indexOf("Xam") === 0) {
-                typeName = typeName.substring(3);
-            }
-            var basePrefix = toSpinal(typeName);
-            additionalPrefixes.push(basePrefix + "-");
-            b = b.baseType;
-        }
-        if (parent) {
-            var parentTypeName = parent.i.$type.name;
-            if (parentTypeName.indexOf("Xam") === 0) {
-                parentTypeName = parentTypeName.substring(3);
-            }
-            var parentPrefix = toSpinal(parentTypeName);
-            additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
-            additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
-        }
-        initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
-        if (this._otherStyling) {
-            this._otherStyling(container, component, parent);
-        }
-        this._inStyling = false;
-    };
-    IgcXInputGroupComponent.prototype.onDetachedFromUI = function () {
-        this.i.onDetachedFromUI();
-    };
-    IgcXInputGroupComponent.prototype.onAttachedToUI = function () {
-        this.i.onAttachedToUI();
-    };
-    /**
-     * Exports visual information about the current state of the grid.
-    
-    */
-    IgcXInputGroupComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.fe();
-        return (iv);
-    };
-    /**
-     * Returns a serialized copy of the exported visual model
-    
-    */
-    IgcXInputGroupComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.hb();
-        return (iv);
-    };
-    IgcXInputGroupComponent._observedAttributesIgcXInputGroupComponent = null;
-    IgcXInputGroupComponent.htmlTagName = "igc-x-input-group";
-    IgcXInputGroupComponent._isElementRegistered = false;
-    return IgcXInputGroupComponent;
-}(IgcHTMLElement));