igniteui-webcomponents-grids 4.7.2-beta.1 → 4.7.2-beta.2

package/bundles/igniteui-webcomponents-grids.umd.js

@@ -84364,14 +84364,14 @@
         };
         MultiColumnComboBoxView.prototype.b2 = function () {
             this.ag = this.ac.createElement("div");
-            this.cv();
+            this.cx();
             this.a1();
             this.a0();
             this.ak.append(this.ai);
             this.cm();
             this.co();
             document.addEventListener("click", igniteuiWebcomponentsCore.runOn(this, this.a2), false);
-            window.addEventListener("resize", igniteuiWebcomponentsCore.runOn(this, this.c1), false);
+            window.addEventListener("resize", igniteuiWebcomponentsCore.runOn(this, this.c3), false);
         };
         MultiColumnComboBoxView.prototype.aw = function (a) {
             var b = this.g.p();
@@ -84435,7 +84435,7 @@
             this.l.provideContainer(e);
             var f = e.getExternal(this.l, e.rootWrapper, e.getExternal(this.g, null, null));
             if (this.f.actualLabelVisible) {
-                this.cy();
+                this.c0();
             }
             this.ah = a.createElement("div");
             this.ah.addClass("ig-input");
@@ -84458,7 +84458,7 @@
             l.mouseDown = igniteuiWebcomponentsCore.delegateCombine(l.mouseDown, igniteuiWebcomponentsCore.runOn(this, this.bm));
             this.k.appendContentChild(this.ah);
             this.k.inputs.add(this.j);
-            this.a5(this.g.bd);
+            this.a5(this.g.bg);
             var m = a.createElement("div");
             var n = a.getSubRenderer(m);
             var o = new igniteuiWebcomponentsInputs.XSuffix();
@@ -84492,12 +84492,16 @@
             this.k.inputs.add(u);
             this.ae.listen("click", igniteuiWebcomponentsCore.runOn(this, this.ax));
             this.af.listen("click", igniteuiWebcomponentsCore.runOn(this, this.a4));
-            this.cp();
+            this.cq();
         };
         MultiColumnComboBoxView.prototype.a1 = function () {
             var a = this.ac.createElement("div");
             var b = this.ac.getSubRenderer(a);
             this.m = new igniteuiWebcomponentsCore.Popup();
+            this.m.aq = this.f.bn;
+            this.m.ax = this.f.br;
+            this.m.cy = igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255);
+            this.m.a8 = 150;
             this.m.provideRenderer(b);
             var c = b.getExternal(this.m, b.rootWrapper, b.getExternal(this.g, null, null));
             this.am = this.ac.createElement("div");
@@ -84553,7 +84557,7 @@
                         else {
                             if (h > 1) {
                             }
-                            var i = this.g.ez();
+                            var i = this.g.e5();
                             a = this.a.getItemAtIndex(0);
                             var j = this.a.getItemProperty(a, i).toString();
                             this.g.text = j;
@@ -84591,7 +84595,7 @@
                 if (null != d) {
                     if (d.b >= a && d.b <= b) {
                         this.cf(d.b);
-                        this.cw();
+                        this.cy();
                     }
                 }
             }
@@ -84611,7 +84615,7 @@
                 }
             }
             else {
-                this.cu();
+                this.cw();
             }
         };
         MultiColumnComboBoxView.prototype.b1 = function (a, b) {
@@ -84623,18 +84627,23 @@
             return this.u(a);
         };
         MultiColumnComboBoxView.prototype.a3 = function () {
-            this.cz();
+            this.c1();
             this.bp();
             var a = this.n;
             if (a.aw) {
                 return;
             }
-            var b = this.c2();
+            var b = this.c4();
             a.al = !this.w;
-            a.showRelativeToExclusionRect(b, 1, 1);
+            if (this.f.bo) {
+                a.cp(this.ac.rootWrapper.getNativeElement(), 1, 1);
+            }
+            else {
+                a.showRelativeToExclusionRect(b, 1, 1);
+            }
             this.co();
         };
-        MultiColumnComboBoxView.prototype.c2 = function () {
+        MultiColumnComboBoxView.prototype.c4 = function () {
             var a = this.ac.rootWrapper.getNativeElement();
             var b = (a.getBoundingClientRect());
             return new igniteuiWebcomponentsCore.Rect(0, b.left + window.pageXOffset, b.top + window.pageYOffset, b.width, b.height);
@@ -84685,7 +84694,7 @@
             if (b == null) {
                 return;
             }
-            a.f9(b);
+            a.gi(b);
         };
         MultiColumnComboBoxView.prototype.bp = function () {
             this.n.b8();
@@ -84705,13 +84714,13 @@
             this.k.an = true;
             this.j.dp();
             var a = new GotFocusEventArgs();
-            this.g.f5(a);
+            this.g.ge(a);
         };
         MultiColumnComboBoxView.prototype.bz = function () {
             this.az();
             this.k.j8();
             var a = new LostFocusEventArgs();
-            this.g.f7(a);
+            this.g.gg(a);
         };
         MultiColumnComboBoxView.prototype.b4 = function (a) {
             var e_1, _a;
@@ -84761,7 +84770,7 @@
             switch (a) {
                 case 2:
                     {
-                        var g = this.g.ez();
+                        var g = this.g.e5();
                         if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(g)) {
                             return;
                         }
@@ -84806,7 +84815,7 @@
             }
         };
         MultiColumnComboBoxView.prototype.b7 = function () {
-            this.cs();
+            this.cu();
             var a = this.f.text;
             var b = this.au.length;
             var c = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(a) ? a.length : 0;
@@ -84839,7 +84848,7 @@
         };
         MultiColumnComboBoxView.prototype.cj = function () {
             if (this.ae != null && this.j != null) {
-                if (this.g.bl == false) {
+                if (this.g.bq == false) {
                     this.ae.setStyleProperty("display", "none");
                 }
                 else if ((this.g.value != null && this.g.value != "") || (this.j.cq != null && this.j.cq != "")) {
@@ -84860,7 +84869,7 @@
             a.selectedItemsChanged = igniteuiWebcomponentsCore.delegateRemove(a.selectedItemsChanged, igniteuiWebcomponentsCore.runOn(this, this.bd));
             this.v = true;
             try {
-                this.g.gh(this.au);
+                this.g.gq(this.au);
             }
             finally {
                 this.v = false;
@@ -84955,7 +84964,7 @@
             if (!this.r) {
                 this.a8(b.activeCell);
             }
-            this.cw();
+            this.cy();
         };
         MultiColumnComboBoxView.prototype.cl = function (a) {
             this.b6(2, a);
@@ -84969,40 +84978,40 @@
                 this.k.t = a.density;
                 this.k.p = a.ah;
                 this.k.d = a.ac;
-                this.k.mc = a.hc;
-                this.k.md = a.hd;
-                this.k.c0 = a.b6;
-                this.k.oi = a.ib;
-                this.k.ks = a.gn;
+                this.k.mc = a.hl;
+                this.k.md = a.hm;
+                this.k.c0 = a.cc;
+                this.k.oi = a.il;
+                this.k.ks = a.gw;
                 this.k.t = a.am;
-                this.k.no = a.he;
-                this.k.eg = a.b7;
-                this.k.np = a.hf;
-                this.k.eh = a.b8;
-                this.k.ei = a.b9;
-                this.k.nq = a.hg;
-                this.k.ej = a.ca;
-                this.k.ek = a.cb;
-                this.k.n6 = a.hl;
-                this.k.e5 = a.cc;
-                this.k.n7 = a.hm;
-                this.k.e6 = a.cd;
-                this.k.e7 = a.ce;
-                this.k.e8 = a.cf;
+                this.k.no = a.hn;
+                this.k.eg = a.cd;
+                this.k.np = a.ho;
+                this.k.eh = a.ce;
+                this.k.ei = a.cf;
+                this.k.nq = a.hp;
+                this.k.ej = a.cg;
+                this.k.ek = a.ch;
+                this.k.n6 = a.hu;
+                this.k.e5 = a.ci;
+                this.k.n7 = a.hv;
+                this.k.e6 = a.cj;
+                this.k.e7 = a.ck;
+                this.k.e8 = a.cl;
             }
             if (null != this.j) {
-                this.j.d8 = a.hk;
+                this.j.d8 = a.ht;
                 this.j.af = a.ax;
-                this.j.cg = a.ff;
+                this.j.cg = a.fn;
             }
             if (null != this.l) {
-                this.l.text = a.e4;
-                this.l.df = a.hh;
+                this.l.text = a.fb;
+                this.l.df = a.hq;
                 this.l.y = a.av;
             }
             if (null != this.am) {
-                igniteuiWebcomponentsCore.NativeUI.q(this.am, a.hj);
-                igniteuiWebcomponentsCore.NativeUI.m(this.am, a.hi);
+                igniteuiWebcomponentsCore.NativeUI.q(this.am, a.hs);
+                igniteuiWebcomponentsCore.NativeUI.m(this.am, a.hr);
                 if (null != a.aw) {
                     this.am.setStyleProperty("font", a.aw.fontString);
                 }
@@ -85020,7 +85029,7 @@
                 MultiColumnComboBoxUtilities.c(this.af, c);
             }
         };
-        MultiColumnComboBoxView.prototype.cs = function () {
+        MultiColumnComboBoxView.prototype.cu = function () {
             if (!this.v) {
                 if (null != this.j) {
                     var a = this.f.text;
@@ -85033,7 +85042,7 @@
             var b = null != a ? a.aw : false;
             this.i.svgPath = b ? MultiColumnComboBoxView.as : MultiColumnComboBoxView.at;
         };
-        MultiColumnComboBoxView.prototype.cr = function () {
+        MultiColumnComboBoxView.prototype.ct = function () {
             var a = this.d.actualHeaderHeight + 3;
             var b = this.d.actualRowHeight + this.d.rowSeparatorHeight;
             var c = this.d.actualDataSource;
@@ -85067,7 +85076,7 @@
                 this.am.setStyleProperty("height", p);
             }
         };
-        MultiColumnComboBoxView.prototype.ct = function () {
+        MultiColumnComboBoxView.prototype.cv = function () {
             if (this.w) {
                 return;
             }
@@ -85079,11 +85088,11 @@
                     a.ep = null;
                 }
                 else {
-                    this.cu();
+                    this.cw();
                 }
             }
         };
-        MultiColumnComboBoxView.prototype.cu = function () {
+        MultiColumnComboBoxView.prototype.cw = function () {
             var a = this.g;
             if (null != a.value) {
                 var b = this.g.value;
@@ -85095,7 +85104,7 @@
                 }
             }
         };
-        MultiColumnComboBoxView.prototype.cv = function () {
+        MultiColumnComboBoxView.prototype.cx = function () {
             var _this = this;
             if (null == this.d) {
                 this.ac.getPortal(this.ag, "DataGrid", function (a) {
@@ -85103,12 +85112,12 @@
                     _this.aq.height = '100%';
                     _this.aq.width = '100%';
                     _this.d = (_this.aq.i);
-                    _this.cx();
+                    _this.cz();
                     _this.d.selectionMode = 1;
                     _this.d.selectionBehavior = 0;
                     _this.d.activationMode = 1;
                     _this.d.defaultColumnWidth = _this.f.defaultColumnWidth;
-                    _this.cq();
+                    _this.cr();
                     _this.d.editMode = 0;
                     _this.d.isColumnOptionsEnabled = false;
                     _this.d.isActiveCellStyleEnabled = false;
@@ -85135,10 +85144,10 @@
         MultiColumnComboBoxView.prototype.cn = function (a) {
             if (this.d != null) {
                 this.d.defaultColumnWidth = a;
-                this.cr();
+                this.ct();
             }
         };
-        MultiColumnComboBoxView.prototype.cq = function () {
+        MultiColumnComboBoxView.prototype.cr = function () {
             if (this.d != null) {
                 var a = 0;
                 switch (this.f.x) {
@@ -85161,7 +85170,7 @@
                 this.d.headerClickAction = a;
             }
         };
-        MultiColumnComboBoxView.prototype.cw = function () {
+        MultiColumnComboBoxView.prototype.cy = function () {
             if (!this.t) {
                 return;
             }
@@ -85181,7 +85190,7 @@
                 a.scrollToRowByIndex(0);
             }
         };
-        MultiColumnComboBoxView.prototype.cx = function () {
+        MultiColumnComboBoxView.prototype.cz = function () {
             if (null != this.aq) {
                 var a = this.g;
                 var b = a.itemsSource;
@@ -85208,7 +85217,7 @@
                 }
                 this.a = null;
                 if (this.n != null && this.n.aw) {
-                    this.cz();
+                    this.c1();
                     this.n.b8();
                 }
             }
@@ -85219,7 +85228,7 @@
                 this.ao = -1;
             }
         };
-        MultiColumnComboBoxView.prototype.cy = function () {
+        MultiColumnComboBoxView.prototype.c0 = function () {
             if (null != this.aj) {
                 var a = this.f.actualLabelVisible;
                 if (a) {
@@ -85240,8 +85249,8 @@
                 this.k.disabled = !a;
             }
         };
-        MultiColumnComboBoxView.prototype.cz = function () {
-            this.cr();
+        MultiColumnComboBoxView.prototype.c1 = function () {
+            this.ct();
             if (!this.w) {
                 this.z = false;
             }
@@ -85288,7 +85297,7 @@
             enumerable: false,
             configurable: true
         });
-        MultiColumnComboBoxView.prototype.c0 = function () {
+        MultiColumnComboBoxView.prototype.c2 = function () {
             if (null != this.al) {
                 this.al.setStyleProperty("box-sizing", "border-box");
             }
@@ -85324,7 +85333,7 @@
             this.r = true;
         };
         MultiColumnComboBoxView.prototype.a9 = function (a, b) {
-            this.ct();
+            this.cv();
         };
         MultiColumnComboBoxView.prototype.ba = function (a, b) {
             if (igniteuiWebcomponentsCore.typeCast(TextHeaderCellModel.$, b.cellInfo) !== null) {
@@ -85333,7 +85342,7 @@
             this.br();
         };
         MultiColumnComboBoxView.prototype.bb = function (a, b) {
-            this.cr();
+            this.ct();
             this.bp();
         };
         MultiColumnComboBoxView.prototype.bd = function (a, b) {
@@ -85343,10 +85352,10 @@
         };
         MultiColumnComboBoxView.prototype.be = function (a, b) {
             this.t = b.b != 0 && b.a != 0;
-            this.cw();
+            this.cy();
         };
         MultiColumnComboBoxView.prototype.bf = function (a, b) {
-            this.cw();
+            this.cy();
             var c = this.d;
             c.viewportChanged = igniteuiWebcomponentsCore.delegateRemove(c.viewportChanged, igniteuiWebcomponentsCore.runOn(this, this.bf));
         };
@@ -85354,7 +85363,7 @@
             if (b.isCompositionInProgress) {
                 return;
             }
-            this.f.f4(b);
+            this.f.gd(b);
             var c = b.value;
             this.b9(c);
         };
@@ -85366,7 +85375,7 @@
             this.cd();
         };
         MultiColumnComboBoxView.prototype.bl = function (a, b) {
-            this.f.f6(b);
+            this.f.gf(b);
             if (b.defaultPrevented) {
                 return;
             }
@@ -85394,7 +85403,7 @@
                 case 40:
                     if (d == 1) {
                         this.a3();
-                        this.ct();
+                        this.cv();
                         b.preventDefault();
                     }
                     else {
@@ -85476,15 +85485,15 @@
                 this.bz();
             }
         };
-        MultiColumnComboBoxView.prototype.c1 = function (a) {
+        MultiColumnComboBoxView.prototype.c3 = function (a) {
             var b = this.n;
             if (null == b || false == b.aw) {
                 return;
             }
-            var c = this.c2();
+            var c = this.c4();
             this.m.b9(c);
         };
-        MultiColumnComboBoxView.prototype.cp = function () {
+        MultiColumnComboBoxView.prototype.cq = function () {
             if (this.g.disallowTabFocus) {
                 if (this.ai != null) {
                     this.ai.setAttribute("tabIndex", "-1");
@@ -85502,6 +85511,16 @@
                 }
             }
         };
+        MultiColumnComboBoxView.prototype.cp = function () {
+            if (this.m != null) {
+                this.m.aq = this.g.bn;
+            }
+        };
+        MultiColumnComboBoxView.prototype.cs = function () {
+            if (this.m != null) {
+                this.m.ax = this.g.br;
+            }
+        };
         MultiColumnComboBoxView.$t = igniteuiWebcomponentsCore.markType(MultiColumnComboBoxView, 'MultiColumnComboBoxView');
         MultiColumnComboBoxView.ar = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
         MultiColumnComboBoxView.at = "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z";
@@ -85515,108 +85534,111 @@
         tslib.__extends(MultiColumnComboBox, _super);
         function MultiColumnComboBox() {
             var _this = _super.call(this) || this;
-            _this.c7 = null;
-            _this.hs = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BackgroundColor");
-            _this.ht = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderColor");
-            _this.ci = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderWidth");
-            _this.id = igniteuiWebcomponentsInputs.XInputGroup.m.ai(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "ContentPadding");
-            _this.gp = igniteuiWebcomponentsInputs.XInputGroup.m.y(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "CornerRadius");
-            _this.hu = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderColor");
-            _this.cj = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderWidth");
-            _this.hv = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
-            _this.ck = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
-            _this.cl = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
-            _this.hw = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
-            _this.cm = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
-            _this.cn = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
-            _this.hx = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineColor");
-            _this.co = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineOpacity");
-            _this.hy = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
-            _this.cp = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
-            _this.cq = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
-            _this.cr = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
+            _this.dd = null;
+            _this.h1 = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BackgroundColor");
+            _this.h2 = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderColor");
+            _this.co = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderWidth");
+            _this.io = igniteuiWebcomponentsInputs.XInputGroup.m.ai(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "ContentPadding");
+            _this.gy = igniteuiWebcomponentsInputs.XInputGroup.m.y(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "CornerRadius");
+            _this.h3 = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderColor");
+            _this.cp = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderWidth");
+            _this.h4 = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
+            _this.cq = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
+            _this.cr = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
+            _this.h5 = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
+            _this.cs = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
+            _this.ct = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
+            _this.h6 = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineColor");
+            _this.cu = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineOpacity");
+            _this.h7 = igniteuiWebcomponentsInputs.XInputGroup.m.ad(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
+            _this.cv = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
+            _this.cw = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
+            _this.cx = igniteuiWebcomponentsInputs.XInputGroup.m.i(MultiColumnComboBox.ag, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
             _this.a5 = null;
             _this.a0 = null;
             _this.v = null;
             _this.a8 = false;
-            _this.ba = true;
+            _this.bc = true;
             _this.c = null;
             _this.m = ColumnWidth.a;
-            _this.g1 = null;
-            _this.gq = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BackgroundColor");
+            _this.ha = null;
+            _this.gz = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BackgroundColor");
             _this.af = 0;
             _this.ae = 1;
-            _this.g2 = null;
-            _this.gr = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderColor");
-            _this.bw = NaN;
-            _this.bm = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderWidth");
-            _this.be = true;
-            _this.ia = new igniteuiWebcomponentsCore.Thickness(1, NaN, NaN, NaN, NaN);
-            _this.h9 = igniteuiWebcomponentsInputs.ThemeResolver.ak(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "ContentPadding");
-            _this.gm = new igniteuiWebcomponentsCore.CornerRadius(1, NaN, NaN, NaN, NaN);
-            _this.gl = igniteuiWebcomponentsInputs.ThemeResolver.aa(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "CornerRadius");
+            _this.hb = null;
+            _this.g0 = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderColor");
+            _this.b2 = NaN;
+            _this.bs = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "BorderWidth");
+            _this.bh = true;
+            _this.ik = new igniteuiWebcomponentsCore.Thickness(1, NaN, NaN, NaN, NaN);
+            _this.ij = igniteuiWebcomponentsInputs.ThemeResolver.ak(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "ContentPadding");
+            _this.gv = new igniteuiWebcomponentsCore.CornerRadius(1, NaN, NaN, NaN, NaN);
+            _this.gu = igniteuiWebcomponentsInputs.ThemeResolver.aa(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "CornerRadius");
             _this.b = null;
             _this.al = 0;
             _this.ak = 0;
-            _this.bh = true;
-            _this.g3 = null;
-            _this.gs = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderColor");
-            _this.bx = NaN;
-            _this.bn = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderWidth");
-            _this.g4 = null;
-            _this.gt = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
-            _this.by = NaN;
-            _this.bo = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
-            _this.bz = NaN;
-            _this.bp = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
-            _this.g5 = null;
-            _this.gu = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
-            _this.b0 = NaN;
-            _this.bq = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
-            _this.b1 = NaN;
-            _this.br = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
-            _this.c1 = null;
-            _this.e6 = null;
-            _this.g6 = null;
-            _this.gv = MultiColumnComboBox.hp;
+            _this.bk = true;
+            _this.hc = null;
+            _this.g1 = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderColor");
+            _this.b3 = NaN;
+            _this.bt = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusBorderWidth");
+            _this.hd = null;
+            _this.g2 = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
+            _this.b4 = NaN;
+            _this.bu = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
+            _this.b5 = NaN;
+            _this.bv = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
+            _this.he = null;
+            _this.g3 = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
+            _this.b6 = NaN;
+            _this.bw = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
+            _this.b7 = NaN;
+            _this.bx = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
+            _this.c7 = null;
+            _this.fd = null;
+            _this.hf = null;
+            _this.g4 = MultiColumnComboBox.hy;
             _this.as = null;
             _this.ap = null;
-            _this.bb = false;
-            _this.e9 = null;
-            _this.dv = "No Matches Found";
-            _this.g7 = null;
-            _this.gw = MultiColumnComboBox.hq;
-            _this.g8 = null;
-            _this.gx = MultiColumnComboBox.hr;
+            _this.be = false;
+            _this.fg = null;
+            _this.d1 = "No Matches Found";
+            _this.hg = null;
+            _this.g5 = MultiColumnComboBox.hz;
+            _this.hh = null;
+            _this.g6 = MultiColumnComboBox.h0;
             _this.at = null;
             _this.aq = null;
-            _this.fg = "";
-            _this.a9 = true;
-            _this.g9 = MultiColumnComboBox.hz;
-            _this.gy = MultiColumnComboBox.hz;
+            _this.fo = "";
+            _this.bb = true;
+            _this.hi = MultiColumnComboBox.h8;
+            _this.g7 = MultiColumnComboBox.h8;
             _this.au = null;
             _this.ar = null;
-            _this.ha = null;
-            _this.gz = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineColor");
-            _this.b2 = NaN;
-            _this.bs = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineOpacity");
-            _this.hb = null;
-            _this.g0 = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
-            _this.b3 = NaN;
-            _this.bt = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleOpacity");
-            _this.b4 = NaN;
-            _this.bu = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
-            _this.b5 = NaN;
-            _this.bv = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineWidth");
+            _this.hj = null;
+            _this.g8 = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineColor");
+            _this.b8 = NaN;
+            _this.by = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineOpacity");
+            _this.hk = null;
+            _this.g9 = igniteuiWebcomponentsInputs.ThemeResolver.af(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
+            _this.b9 = NaN;
+            _this.bz = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleOpacity");
+            _this.ca = NaN;
+            _this.b0 = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
+            _this.cb = NaN;
+            _this.b1 = igniteuiWebcomponentsInputs.ThemeResolver.k(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XInputGroup.m, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, 0), "UnderlineWidth");
             _this.a7 = true;
             _this.w = 0;
-            _this.da = null;
-            _this.c9 = null;
+            _this.dg = null;
+            _this.df = null;
             _this.d = null;
             _this.a = null;
-            _this.c2 = null;
+            _this.c8 = null;
             _this.aa = 0;
-            _this.bj = false;
+            _this.bm = false;
+            _this.a9 = false;
+            _this.ba = false;
+            _this.bd = false;
             _this.gotFocus = null;
             _this.lostFocus = null;
             _this.textValueChanged = null;
@@ -85646,88 +85668,88 @@
         MultiColumnComboBox.prototype.u = function () {
             return new MultiColumnComboBoxView();
         };
-        MultiColumnComboBox.prototype.gd = function (a, b, c) {
+        MultiColumnComboBox.prototype.gm = function (a, b, c) {
             switch (a) {
                 case "BackgroundColor":
-                    this.hc = this.hn != null ? this.hn : this.hs;
+                    this.hl = this.hw != null ? this.hw : this.h1;
                     break;
                 case "BorderColor":
-                    this.hd = this.ho != null ? this.ho : this.ht;
+                    this.hm = this.hx != null ? this.hx : this.h2;
                     break;
                 case "BorderWidth":
-                    this.b6 = !igniteuiWebcomponentsCore.isNaN_(this.cg) ? this.cg : this.ci;
+                    this.cc = !igniteuiWebcomponentsCore.isNaN_(this.cm) ? this.cm : this.co;
                     break;
                 case "ContentPadding":
-                    this.ib = igniteuiWebcomponentsInputs.XInputGroup.oh(this.ic, this.id);
+                    this.il = igniteuiWebcomponentsInputs.XInputGroup.oh(this.im, this.io);
                     break;
                 case "CornerRadius":
-                    this.gn = igniteuiWebcomponentsInputs.XInputGroup.kr(this.go, this.gp);
+                    this.gw = igniteuiWebcomponentsInputs.XInputGroup.kr(this.gx, this.gy);
                     break;
                 case "FocusBorderColor":
-                    this.he = this.h0 != null ? this.h0 : this.hu;
+                    this.hn = this.h9 != null ? this.h9 : this.h3;
                     break;
                 case "FocusBorderWidth":
-                    this.b7 = !igniteuiWebcomponentsCore.isNaN_(this.cs) ? this.cs : this.cj;
+                    this.cd = !igniteuiWebcomponentsCore.isNaN_(this.cy) ? this.cy : this.cp;
                     break;
                 case "FocusUnderlineColor":
-                    this.hf = this.h1 != null ? this.h1 : this.hv;
+                    this.ho = this.ia != null ? this.ia : this.h4;
                     break;
                 case "FocusUnderlineOpacity":
-                    this.b8 = !igniteuiWebcomponentsCore.isNaN_(this.ct) ? this.ct : this.ck;
+                    this.ce = !igniteuiWebcomponentsCore.isNaN_(this.cz) ? this.cz : this.cq;
                     break;
                 case "FocusUnderlineRippleOpacity":
-                    this.b9 = !igniteuiWebcomponentsCore.isNaN_(this.cu) ? this.cu : this.cl;
+                    this.cf = !igniteuiWebcomponentsCore.isNaN_(this.c0) ? this.c0 : this.cr;
                     break;
                 case "HoverUnderlineColor":
-                    this.hg = this.h2 != null ? this.h2 : this.hw;
+                    this.hp = this.ib != null ? this.ib : this.h5;
                     break;
                 case "HoverUnderlineOpacity":
-                    this.ca = !igniteuiWebcomponentsCore.isNaN_(this.cv) ? this.cv : this.cm;
+                    this.cg = !igniteuiWebcomponentsCore.isNaN_(this.c1) ? this.c1 : this.cs;
                     break;
                 case "HoverUnderlineWidth":
-                    this.cb = !igniteuiWebcomponentsCore.isNaN_(this.cw) ? this.cw : this.cn;
+                    this.ch = !igniteuiWebcomponentsCore.isNaN_(this.c2) ? this.c2 : this.ct;
                     break;
                 case "ItemsSource":
                 case "ValueField":
                 case "DataSourceDesiredProperties":
                 case "Fields":
-                    this.v.cx();
+                    this.v.cz();
                     break;
                 case "DefaultColumnWidth":
                     this.v.cn(this.defaultColumnWidth);
                     break;
                 case "LabelTextColor":
-                    this.hh = this.h3 != null ? this.h3 : MultiColumnComboBox.hp;
+                    this.hq = this.ic != null ? this.ic : MultiColumnComboBox.hy;
                     break;
                 case "LabelTextStyle":
                     this.av = this.a2 != null ? this.a2 : MultiColumnComboBox.ay;
                     break;
                 case "NoMatchesFoundLabelTextColor":
-                    this.hj = this.h5 != null ? this.h5 : MultiColumnComboBox.hr;
+                    this.hs = this.ie != null ? this.ie : MultiColumnComboBox.h0;
                     break;
                 case "NoMatchesFoundLabelBackgroundColor":
-                    this.hi = this.h4 != null ? this.h4 : MultiColumnComboBox.hq;
+                    this.hr = this.id != null ? this.id : MultiColumnComboBox.hz;
                     break;
                 case "NoMatchesFoundLabelTextStyle":
                     this.aw = this.a3 != null ? this.a3 : MultiColumnComboBox.az;
                     break;
                 case "UnderlineColor":
-                    this.hl = this.h7 != null ? this.h7 : this.hx;
+                    this.hu = this.ih != null ? this.ih : this.h6;
                     break;
                 case "UnderlineOpacity":
-                    this.cc = !igniteuiWebcomponentsCore.isNaN_(this.cx) ? this.cx : this.co;
+                    this.ci = !igniteuiWebcomponentsCore.isNaN_(this.c3) ? this.c3 : this.cu;
                     break;
                 case "UnderlineRippleColor":
-                    this.hm = this.h8 != null ? this.h8 : this.hy;
+                    this.hv = this.ii != null ? this.ii : this.h7;
                     break;
                 case "UnderlineRippleOpacity":
-                    this.cd = !igniteuiWebcomponentsCore.isNaN_(this.cy) ? this.cy : this.cp;
+                    this.cj = !igniteuiWebcomponentsCore.isNaN_(this.c4) ? this.c4 : this.cv;
                     break;
                 case "UnderlineRippleWidth":
-                    this.ce = !igniteuiWebcomponentsCore.isNaN_(this.cz) ? this.cz : this.cq;
+                    this.ck = !igniteuiWebcomponentsCore.isNaN_(this.c5) ? this.c5 : this.cw;
                     break;
                 case "UnderlineWidth":
-                    this.cf = !igniteuiWebcomponentsCore.isNaN_(this.c0) ? this.c0 : this.cr;
+                    this.cl = !igniteuiWebcomponentsCore.isNaN_(this.c6) ? this.c6 : this.cx;
                     break;
                 case "BaseTheme":
                     this.ah = this.ai == 0 ? 1 : this.ai;
@@ -85736,7 +85758,7 @@
                     this.am = this.density == 0 ? 0 : this.density;
                     break;
                 case "TextColor":
-                    this.hk = this.h6 != null ? this.h6 : MultiColumnComboBox.hz;
+                    this.ht = this.ig != null ? this.ig : MultiColumnComboBox.h8;
                     break;
                 case "TextStyle":
                     this.ax = this.a4 != null ? this.a4 : null;
@@ -85773,47 +85795,53 @@
                 case "ActualNoMatchesFoundLabel":
                 case "ActualNoMatchesFoundLabelTextColor":
                 case "ActualNoMatchesFoundLabelTextStyle":
-                case MultiColumnComboBox.dx:
+                case MultiColumnComboBox.d3:
                     this.v.cm();
                     break;
                 case "NoMatchesFoundLabel":
-                    this.actualNoMatchesFoundLabel = igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.fa) ? "No Matches Found" : this.fa;
+                    this.actualNoMatchesFoundLabel = igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.fh) ? "No Matches Found" : this.fh;
                     break;
                 case "ActualLabelVisible":
-                    this.v.cy();
+                    this.v.c0();
                     break;
                 case "Label":
                 case "PlaceholderText":
                     this.v.cm();
-                    this.actualLabelVisible = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.e6);
+                    this.actualLabelVisible = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.fd);
                     break;
                 case "Text":
-                    this.v.cs();
+                    this.v.cu();
                     var d = b != null ? b.toString() : null;
                     var e = c != null ? c.toString() : null;
-                    this.gb(new MultiColumnComboBoxTextChangedEventArgs(d, e));
-                    this.gc(1, e);
+                    this.gk(new MultiColumnComboBoxTextChangedEventArgs(d, e));
+                    this.gl(1, e);
                     break;
                 case "Value":
-                    this.ga(new MultiColumnComboBoxValueChangedEventArgs(b, c));
-                    this.gc(0, c);
+                    this.gj(new MultiColumnComboBoxValueChangedEventArgs(b, c));
+                    this.gl(0, c);
                     break;
                 case "ShowClearButton":
                     this.v.cj();
                     break;
                 case "AllowFilter":
-                    this.v.a5(this.bd);
+                    this.v.a5(this.bg);
                     break;
                 case "SortMode":
-                    this.v.cq();
+                    this.v.cr();
                     break;
                 case "DisallowTabFocus":
+                    this.v.cq();
+                    break;
+                case "IsFixed":
                     this.v.cp();
                     break;
+                case "UseTopLayer":
+                    this.v.cs();
+                    break;
             }
         };
-        MultiColumnComboBox.prototype.gk = function () {
-            this.v.c0();
+        MultiColumnComboBox.prototype.gt = function () {
+            this.v.c2();
         };
         Object.defineProperty(MultiColumnComboBox.prototype, "a1", {
             get: function () {
@@ -85841,21 +85869,21 @@
                 var b = this.a8;
                 this.a8 = a;
                 if (b != this.a8) {
-                    this.f8("DisallowTabFocus", b, this.a8);
+                    this.gh("DisallowTabFocus", b, this.a8);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "bl", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "bq", {
             get: function () {
-                return this.ba;
+                return this.bc;
             },
             set: function (a) {
-                var b = this.ba;
-                this.ba = a;
-                if (b != this.ba) {
-                    this.f8("ShowClearButton", b, this.ba);
+                var b = this.bc;
+                this.bc = a;
+                if (b != this.bc) {
+                    this.gh("ShowClearButton", b, this.bc);
                 }
             },
             enumerable: false,
@@ -85869,7 +85897,7 @@
                 var b = this.c;
                 this.c = a;
                 if (b != this.c) {
-                    this.f8("Fields", b, this.c);
+                    this.gh("Fields", b, this.c);
                 }
             },
             enumerable: false,
@@ -85883,35 +85911,35 @@
                 var b = this.m;
                 this.m = a;
                 if (b != this.m) {
-                    this.f8("DefaultColumnWidth", b, this.m);
+                    this.gh("DefaultColumnWidth", b, this.m);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hn", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hw", {
             get: function () {
-                return this.g1;
+                return this.ha;
             },
             set: function (a) {
-                var b = this.g1;
-                this.g1 = a;
-                if (b != this.g1) {
-                    this.f8("BackgroundColor", b, a);
+                var b = this.ha;
+                this.ha = a;
+                if (b != this.ha) {
+                    this.gh("BackgroundColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hc", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hl", {
             get: function () {
-                return this.gq;
+                return this.gz;
             },
             set: function (a) {
-                var b = this.gq;
-                this.gq = a;
-                if (b != this.gq) {
-                    this.f8("ActualBackgroundColor", b, a);
+                var b = this.gz;
+                this.gz = a;
+                if (b != this.gz) {
+                    this.gh("ActualBackgroundColor", b, a);
                 }
             },
             enumerable: false,
@@ -85925,7 +85953,7 @@
                 var b = this.af;
                 this.af = a;
                 if (b != this.af) {
-                    this.f8("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
+                    this.gh("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
                 }
             },
             enumerable: false,
@@ -85939,63 +85967,63 @@
                 var b = this.ae;
                 this.ae = a;
                 if (b != this.ae) {
-                    this.f8("ActualBaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
+                    this.gh("ActualBaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "ho", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hx", {
             get: function () {
-                return this.g2;
+                return this.hb;
             },
             set: function (a) {
-                var b = this.g2;
-                this.g2 = a;
-                if (b != this.g2) {
-                    this.f8("BorderColor", b, a);
+                var b = this.hb;
+                this.hb = a;
+                if (b != this.hb) {
+                    this.gh("BorderColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hd", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hm", {
             get: function () {
-                return this.gr;
+                return this.g0;
             },
             set: function (a) {
-                var b = this.gr;
-                this.gr = a;
-                if (b != this.gr) {
-                    this.f8("ActualBorderColor", b, a);
+                var b = this.g0;
+                this.g0 = a;
+                if (b != this.g0) {
+                    this.gh("ActualBorderColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cg", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cm", {
             get: function () {
-                return this.bw;
+                return this.b2;
             },
             set: function (a) {
-                var b = this.bw;
-                this.bw = a;
-                if (b != this.bw) {
-                    this.f8("BorderWidth", b, a);
+                var b = this.b2;
+                this.b2 = a;
+                if (b != this.b2) {
+                    this.gh("BorderWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "b6", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cc", {
             get: function () {
-                return this.bm;
+                return this.bs;
             },
             set: function (a) {
-                var b = this.bm;
-                this.bm = a;
-                if (b != this.bm) {
-                    this.f8("ActualBorderWidth", b, a);
+                var b = this.bs;
+                this.bs = a;
+                if (b != this.bs) {
+                    this.gh("ActualBorderWidth", b, a);
                 }
             },
             enumerable: false,
@@ -86003,69 +86031,69 @@
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "columnHeadersVisible", {
             get: function () {
-                return this.be;
+                return this.bh;
             },
             set: function (a) {
-                var b = this.be;
-                this.be = a;
-                if (b != this.be) {
-                    this.f8("ColumnHeadersVisible", b, a);
+                var b = this.bh;
+                this.bh = a;
+                if (b != this.bh) {
+                    this.gh("ColumnHeadersVisible", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "ic", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "im", {
             get: function () {
-                return this.ia;
+                return this.ik;
             },
             set: function (a) {
-                var b = this.ia;
-                this.ia = a;
-                if (b != this.ia) {
-                    this.f8("ContentPadding", b, a);
+                var b = this.ik;
+                this.ik = a;
+                if (b != this.ik) {
+                    this.gh("ContentPadding", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "ib", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "il", {
             get: function () {
-                return this.h9;
+                return this.ij;
             },
             set: function (a) {
-                var b = this.h9;
-                this.h9 = a;
-                if (b != this.h9) {
-                    this.f8("ActualContentPadding", b, a);
+                var b = this.ij;
+                this.ij = a;
+                if (b != this.ij) {
+                    this.gh("ActualContentPadding", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "go", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "gx", {
             get: function () {
-                return this.gm;
+                return this.gv;
             },
             set: function (a) {
-                var b = this.gm;
-                this.gm = a;
-                if (b != this.gm) {
-                    this.f8("CornerRadius", b, a);
+                var b = this.gv;
+                this.gv = a;
+                if (b != this.gv) {
+                    this.gh("CornerRadius", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "gn", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "gw", {
             get: function () {
-                return this.gl;
+                return this.gu;
             },
             set: function (a) {
-                var b = this.gl;
-                this.gl = a;
-                if (b != this.gl) {
-                    this.f8("ActualCornerRadius", b, a);
+                var b = this.gu;
+                this.gu = a;
+                if (b != this.gu) {
+                    this.gh("ActualCornerRadius", b, a);
                 }
             },
             enumerable: false,
@@ -86079,7 +86107,7 @@
                 var b = this.b;
                 this.b = a;
                 if (b != this.b) {
-                    this.f8("DataSourceDesiredProperties", b, this.b);
+                    this.gh("DataSourceDesiredProperties", b, this.b);
                 }
             },
             enumerable: false,
@@ -86093,7 +86121,7 @@
                 var b = this.al;
                 this.al = a;
                 if (b != this.al) {
-                    this.f8("Density", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, a));
+                    this.gh("Density", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, a));
                 }
             },
             enumerable: false,
@@ -86107,7 +86135,7 @@
                 var b = this.ak;
                 this.ak = a;
                 if (b != this.ak) {
-                    this.f8("ActualDensity", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, a));
+                    this.gh("ActualDensity", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, a));
                 }
             },
             enumerable: false,
@@ -86115,237 +86143,237 @@
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "dropDownButtonVisible", {
             get: function () {
-                return this.bh;
+                return this.bk;
             },
             set: function (a) {
-                var b = this.bh;
-                this.bh = a;
-                if (b != this.bh) {
-                    this.f8("DropDownButtonVisible", b, a);
+                var b = this.bk;
+                this.bk = a;
+                if (b != this.bk) {
+                    this.gh("DropDownButtonVisible", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h0", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "h9", {
             get: function () {
-                return this.g3;
+                return this.hc;
             },
             set: function (a) {
-                var b = this.g3;
-                this.g3 = a;
-                if (b != this.g3) {
-                    this.f8("FocusBorderColor", b, a);
+                var b = this.hc;
+                this.hc = a;
+                if (b != this.hc) {
+                    this.gh("FocusBorderColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "he", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hn", {
             get: function () {
-                return this.gs;
+                return this.g1;
             },
             set: function (a) {
-                var b = this.gs;
-                this.gs = a;
-                if (b != this.gs) {
-                    this.f8("ActualFocusBorderColor", b, a);
+                var b = this.g1;
+                this.g1 = a;
+                if (b != this.g1) {
+                    this.gh("ActualFocusBorderColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cs", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cy", {
             get: function () {
-                return this.bx;
+                return this.b3;
             },
             set: function (a) {
-                var b = this.bx;
-                this.bx = a;
-                if (b != this.bx) {
-                    this.f8("FocusBorderWidth", b, a);
+                var b = this.b3;
+                this.b3 = a;
+                if (b != this.b3) {
+                    this.gh("FocusBorderWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "b7", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cd", {
             get: function () {
-                return this.bn;
+                return this.bt;
             },
             set: function (a) {
-                var b = this.bn;
-                this.bn = a;
-                if (b != this.bn) {
-                    this.f8("ActualFocusBorderWidth", b, a);
+                var b = this.bt;
+                this.bt = a;
+                if (b != this.bt) {
+                    this.gh("ActualFocusBorderWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h1", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ia", {
             get: function () {
-                return this.g4;
+                return this.hd;
             },
             set: function (a) {
-                var b = this.g4;
-                this.g4 = a;
-                if (b != this.g4) {
-                    this.f8("FocusUnderlineColor", b, a);
+                var b = this.hd;
+                this.hd = a;
+                if (b != this.hd) {
+                    this.gh("FocusUnderlineColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hf", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ho", {
             get: function () {
-                return this.gt;
+                return this.g2;
             },
             set: function (a) {
-                var b = this.gt;
-                this.g4 = a;
-                if (b != this.gt) {
-                    this.f8("ActualFocusUnderlineColor", b, a);
+                var b = this.g2;
+                this.hd = a;
+                if (b != this.g2) {
+                    this.gh("ActualFocusUnderlineColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "ct", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cz", {
             get: function () {
-                return this.by;
+                return this.b4;
             },
             set: function (a) {
-                var b = this.by;
-                this.by = a;
-                if (b != this.by) {
-                    this.f8("FocusUnderlineOpacity", b, a);
+                var b = this.b4;
+                this.b4 = a;
+                if (b != this.b4) {
+                    this.gh("FocusUnderlineOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "b8", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ce", {
             get: function () {
-                return this.bo;
+                return this.bu;
             },
             set: function (a) {
-                var b = this.bo;
-                this.bo = a;
-                if (b != this.bo) {
-                    this.f8("ActualFocusUnderlineOpacity", b, a);
+                var b = this.bu;
+                this.bu = a;
+                if (b != this.bu) {
+                    this.gh("ActualFocusUnderlineOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cu", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "c0", {
             get: function () {
-                return this.bz;
+                return this.b5;
             },
             set: function (a) {
-                var b = this.bz;
-                this.bz = a;
-                if (b != this.bz) {
-                    this.f8("FocusUnderlineRippleOpacity", b, a);
+                var b = this.b5;
+                this.b5 = a;
+                if (b != this.b5) {
+                    this.gh("FocusUnderlineRippleOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "b9", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cf", {
             get: function () {
-                return this.bp;
+                return this.bv;
             },
             set: function (a) {
-                var b = this.bp;
-                this.bp = a;
-                if (b != this.bp) {
-                    this.f8("ActualFocusUnderlineRippleOpacity", b, a);
+                var b = this.bv;
+                this.bv = a;
+                if (b != this.bv) {
+                    this.gh("ActualFocusUnderlineRippleOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h2", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ib", {
             get: function () {
-                return this.g5;
+                return this.he;
             },
             set: function (a) {
-                var b = this.g5;
-                this.g5 = a;
-                if (b != this.g5) {
-                    this.f8("HoverUnderlineColor", b, a);
+                var b = this.he;
+                this.he = a;
+                if (b != this.he) {
+                    this.gh("HoverUnderlineColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hg", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hp", {
             get: function () {
-                return this.gu;
+                return this.g3;
             },
             set: function (a) {
-                var b = this.gu;
-                this.gu = a;
-                if (b != this.gu) {
-                    this.f8("ActualHoverUnderlineColor", b, a);
+                var b = this.g3;
+                this.g3 = a;
+                if (b != this.g3) {
+                    this.gh("ActualHoverUnderlineColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cv", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "c1", {
             get: function () {
-                return this.b0;
+                return this.b6;
             },
             set: function (a) {
-                var b = this.b0;
-                this.b0 = a;
-                if (b != this.b0) {
-                    this.f8("HoverUnderlineOpacity", b, a);
+                var b = this.b6;
+                this.b6 = a;
+                if (b != this.b6) {
+                    this.gh("HoverUnderlineOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "ca", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cg", {
             get: function () {
-                return this.bq;
+                return this.bw;
             },
             set: function (a) {
-                var b = this.bq;
-                this.bq = a;
-                if (b != this.bq) {
-                    this.f8("ActualHoverUnderlineOpacity", b, a);
+                var b = this.bw;
+                this.bw = a;
+                if (b != this.bw) {
+                    this.gh("ActualHoverUnderlineOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cw", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "c2", {
             get: function () {
-                return this.b1;
+                return this.b7;
             },
             set: function (a) {
-                var b = this.b1;
-                this.b1 = a;
-                if (b != this.b1) {
-                    this.f8("HoverUnderlineWidth", b, a);
+                var b = this.b7;
+                this.b7 = a;
+                if (b != this.b7) {
+                    this.gh("HoverUnderlineWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cb", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ch", {
             get: function () {
-                return this.br;
+                return this.bx;
             },
             set: function (a) {
-                var b = this.br;
-                this.br = a;
-                if (b != this.br) {
-                    this.f8("ActualHoverUnderlineWidth", b, a);
+                var b = this.bx;
+                this.bx = a;
+                if (b != this.bx) {
+                    this.gh("ActualHoverUnderlineWidth", b, a);
                 }
             },
             enumerable: false,
@@ -86353,13 +86381,13 @@
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "itemsSource", {
             get: function () {
-                return this.c1;
+                return this.c7;
             },
             set: function (a) {
-                var b = this.c1;
-                this.c1 = a;
-                if (b != this.c1) {
-                    this.f8("ItemsSource", b, this.c1);
+                var b = this.c7;
+                this.c7 = a;
+                if (b != this.c7) {
+                    this.gh("ItemsSource", b, this.c7);
                 }
             },
             enumerable: false,
@@ -86372,44 +86400,44 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "e4", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "fb", {
             get: function () {
-                return this.e6;
+                return this.fd;
             },
             set: function (a) {
-                var b = this.e4;
+                var b = this.fb;
                 if (0 == igniteuiWebcomponentsCore.StringComparer.b.compare(a, b)) {
                     return;
                 }
-                this.e6 = a;
-                this.f8("Label", b, this.e6);
+                this.fd = a;
+                this.gh("Label", b, this.fd);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h3", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ic", {
             get: function () {
-                return this.g6;
+                return this.hf;
             },
             set: function (a) {
-                var b = this.g6;
-                this.g6 = a;
-                if (b != this.g6) {
-                    this.f8("LabelTextColor", b, a);
+                var b = this.hf;
+                this.hf = a;
+                if (b != this.hf) {
+                    this.gh("LabelTextColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hh", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hq", {
             get: function () {
-                return this.gv;
+                return this.g4;
             },
             set: function (a) {
-                var b = this.gv;
-                this.gv = a;
-                if (b != this.gv) {
-                    this.f8("ActualLabelTextColor", b, a);
+                var b = this.g4;
+                this.g4 = a;
+                if (b != this.g4) {
+                    this.gh("ActualLabelTextColor", b, a);
                 }
             },
             enumerable: false,
@@ -86423,7 +86451,7 @@
                 var b = this.as;
                 this.as = a;
                 if (b != this.as) {
-                    this.f8("LabelTextStyle", b, this.as);
+                    this.gh("LabelTextStyle", b, this.as);
                 }
             },
             enumerable: false,
@@ -86437,7 +86465,7 @@
                 var b = this.ap;
                 this.ap = a;
                 if (this.ap != b) {
-                    this.f8("ActualLabelTextStyle", b, this.ap);
+                    this.gh("ActualLabelTextStyle", b, this.ap);
                 }
             },
             enumerable: false,
@@ -86445,98 +86473,98 @@
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "actualLabelVisible", {
             get: function () {
-                return this.bb;
+                return this.be;
             },
             set: function (a) {
-                var b = this.bb;
-                this.bb = a;
-                if (b != this.bb) {
-                    this.f8("ActualLabelVisible", b, a);
+                var b = this.be;
+                this.be = a;
+                if (b != this.be) {
+                    this.gh("ActualLabelVisible", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "fa", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "fh", {
             get: function () {
-                return this.e9;
+                return this.fg;
             },
             set: function (a) {
-                var b = this.e9;
+                var b = this.fg;
                 if (0 == igniteuiWebcomponentsCore.StringComparer.b.compare(a, b)) {
                     return;
                 }
-                this.e9 = a;
-                this.f8("NoMatchesFoundLabel", b, this.e9);
+                this.fg = a;
+                this.gh("NoMatchesFoundLabel", b, this.fg);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "actualNoMatchesFoundLabel", {
             get: function () {
-                return this.dv;
+                return this.d1;
             },
             set: function (a) {
-                var b = this.dv;
-                this.dv = a;
-                if (b != this.dv) {
-                    this.f8("ActualNoMatchesFoundLabel", b, a);
+                var b = this.d1;
+                this.d1 = a;
+                if (b != this.d1) {
+                    this.gh("ActualNoMatchesFoundLabel", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h4", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "id", {
             get: function () {
-                return this.g7;
+                return this.hg;
             },
             set: function (a) {
-                var b = this.g7;
-                this.g7 = a;
-                if (b != this.g7) {
-                    this.f8("NoMatchesFoundLabelBackgroundColor", b, a);
+                var b = this.hg;
+                this.hg = a;
+                if (b != this.hg) {
+                    this.gh("NoMatchesFoundLabelBackgroundColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hi", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hr", {
             get: function () {
-                return this.gw;
+                return this.g5;
             },
             set: function (a) {
-                var b = this.gw;
-                this.gw = a;
-                if (b != this.gw) {
-                    this.f8(MultiColumnComboBox.dx, b, a);
+                var b = this.g5;
+                this.g5 = a;
+                if (b != this.g5) {
+                    this.gh(MultiColumnComboBox.d3, b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h5", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ie", {
             get: function () {
-                return this.g8;
+                return this.hh;
             },
             set: function (a) {
-                var b = this.g8;
-                this.g8 = a;
-                if (b != this.g8) {
-                    this.f8("NoMatchesFoundLabelTextColor", b, a);
+                var b = this.hh;
+                this.hh = a;
+                if (b != this.hh) {
+                    this.gh("NoMatchesFoundLabelTextColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hj", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hs", {
             get: function () {
-                return this.gx;
+                return this.g6;
             },
             set: function (a) {
-                var b = this.gx;
-                this.gx = a;
-                if (b != this.gx) {
-                    this.f8("ActualNoMatchesFoundLabelTextColor", b, a);
+                var b = this.g6;
+                this.g6 = a;
+                if (b != this.g6) {
+                    this.gh("ActualNoMatchesFoundLabelTextColor", b, a);
                 }
             },
             enumerable: false,
@@ -86550,7 +86578,7 @@
                 var b = this.at;
                 this.at = a;
                 if (b != this.at) {
-                    this.f8("NoMatchesFoundLabelTextStyle", b, this.at);
+                    this.gh("NoMatchesFoundLabelTextStyle", b, this.at);
                 }
             },
             enumerable: false,
@@ -86564,64 +86592,64 @@
                 var b = this.aq;
                 this.aq = a;
                 if (this.aq != b) {
-                    this.f8("ActualNoMatchesFoundLabelTextStyle", b, this.aq);
+                    this.gh("ActualNoMatchesFoundLabelTextStyle", b, this.aq);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "ff", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "fn", {
             get: function () {
-                return this.fg;
+                return this.fo;
             },
             set: function (a) {
-                var b = this.ff;
+                var b = this.fn;
                 if (0 == igniteuiWebcomponentsCore.StringComparer.b.compare(a, b)) {
                     return;
                 }
-                this.fg = a;
-                this.f8("PlaceholderText", b, this.fg);
+                this.fo = a;
+                this.gh("PlaceholderText", b, this.fo);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "rowSeparatorsVisible", {
             get: function () {
-                return this.a9;
+                return this.bb;
             },
             set: function (a) {
-                var b = this.a9;
-                this.a9 = a;
-                if (b != this.a9) {
-                    this.f8("RowSeparatorsVisible", b, a);
+                var b = this.bb;
+                this.bb = a;
+                if (b != this.bb) {
+                    this.gh("RowSeparatorsVisible", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h6", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ig", {
             get: function () {
-                return this.g9;
+                return this.hi;
             },
             set: function (a) {
-                var b = this.g9;
-                this.g9 = a;
-                if (b != this.g9) {
-                    this.f8("TextColor", b, a);
+                var b = this.hi;
+                this.hi = a;
+                if (b != this.hi) {
+                    this.gh("TextColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hk", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ht", {
             get: function () {
-                return this.gy;
+                return this.g7;
             },
             set: function (a) {
-                var b = this.gy;
-                this.gy = a;
-                if (b != this.gy) {
-                    this.f8("ActualTextColor", b, a);
+                var b = this.g7;
+                this.g7 = a;
+                if (b != this.g7) {
+                    this.gh("ActualTextColor", b, a);
                 }
             },
             enumerable: false,
@@ -86635,7 +86663,7 @@
                 var b = this.au;
                 this.au = a;
                 if (b != this.au) {
-                    this.f8("TextStyle", b, this.au);
+                    this.gh("TextStyle", b, this.au);
                 }
             },
             enumerable: false,
@@ -86649,181 +86677,181 @@
                 var b = this.ar;
                 this.ar = a;
                 if (this.ar != b) {
-                    this.f8("ActualTextStyle", b, this.ar);
+                    this.gh("ActualTextStyle", b, this.ar);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h7", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ih", {
             get: function () {
-                return this.ha;
+                return this.hj;
             },
             set: function (a) {
-                var b = this.ha;
-                this.ha = a;
-                if (b != this.ha) {
-                    this.f8("UnderlineColor", b, a);
+                var b = this.hj;
+                this.hj = a;
+                if (b != this.hj) {
+                    this.gh("UnderlineColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hl", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hu", {
             get: function () {
-                return this.gz;
+                return this.g8;
             },
             set: function (a) {
-                var b = this.gz;
-                this.gz = a;
-                if (b != this.gz) {
-                    this.f8("ActualUnderlineColor", b, a);
+                var b = this.g8;
+                this.g8 = a;
+                if (b != this.g8) {
+                    this.gh("ActualUnderlineColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cx", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "c3", {
             get: function () {
-                return this.b2;
+                return this.b8;
             },
             set: function (a) {
-                var b = this.b2;
-                this.b2 = a;
-                if (b != this.b2) {
-                    this.f8("UnderlineOpacity", b, a);
+                var b = this.b8;
+                this.b8 = a;
+                if (b != this.b8) {
+                    this.gh("UnderlineOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cc", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ci", {
             get: function () {
-                return this.bs;
+                return this.by;
             },
             set: function (a) {
-                var b = this.bs;
-                this.bs = a;
-                if (b != this.bs) {
-                    this.f8("ActualUnderlineOpacity", b, a);
+                var b = this.by;
+                this.by = a;
+                if (b != this.by) {
+                    this.gh("ActualUnderlineOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "h8", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ii", {
             get: function () {
-                return this.hb;
+                return this.hk;
             },
             set: function (a) {
-                var b = this.hb;
-                this.hb = a;
-                if (b != this.hb) {
-                    this.f8("UnderlineRippleColor", b, a);
+                var b = this.hk;
+                this.hk = a;
+                if (b != this.hk) {
+                    this.gh("UnderlineRippleColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "hm", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "hv", {
             get: function () {
-                return this.g0;
+                return this.g9;
             },
             set: function (a) {
-                var b = this.g0;
-                this.g0 = a;
-                if (b != this.g0) {
-                    this.f8("ActualUnderlineRippleColor", b, a);
+                var b = this.g9;
+                this.g9 = a;
+                if (b != this.g9) {
+                    this.gh("ActualUnderlineRippleColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cy", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "c4", {
             get: function () {
-                return this.b3;
+                return this.b9;
             },
             set: function (a) {
-                var b = this.b3;
-                this.b3 = a;
-                if (b != this.b3) {
-                    this.f8("UnderlineRippleOpacity", b, a);
+                var b = this.b9;
+                this.b9 = a;
+                if (b != this.b9) {
+                    this.gh("UnderlineRippleOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cd", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cj", {
             get: function () {
-                return this.bt;
+                return this.bz;
             },
             set: function (a) {
-                var b = this.bt;
-                this.bt = a;
-                if (b != this.bt) {
-                    this.f8("ActualUnderlineRippleOpacity", b, a);
+                var b = this.bz;
+                this.bz = a;
+                if (b != this.bz) {
+                    this.gh("ActualUnderlineRippleOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cz", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "c5", {
             get: function () {
-                return this.b4;
+                return this.ca;
             },
             set: function (a) {
-                var b = this.b4;
-                this.b4 = a;
-                if (b != this.b4) {
-                    this.f8("UnderlineRippleWidth", b, a);
+                var b = this.ca;
+                this.ca = a;
+                if (b != this.ca) {
+                    this.gh("UnderlineRippleWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "ce", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "ck", {
             get: function () {
-                return this.bu;
+                return this.b0;
             },
             set: function (a) {
-                var b = this.bu;
-                this.bu = a;
-                if (b != this.bu) {
-                    this.f8("ActualUnderlineRippleWidth", b, a);
+                var b = this.b0;
+                this.b0 = a;
+                if (b != this.b0) {
+                    this.gh("ActualUnderlineRippleWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "c0", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "c6", {
             get: function () {
-                return this.b5;
+                return this.cb;
             },
             set: function (a) {
-                var b = this.b5;
-                this.b5 = a;
-                if (b != this.b5) {
-                    this.f8("UnderlineWidth", b, a);
+                var b = this.cb;
+                this.cb = a;
+                if (b != this.cb) {
+                    this.gh("UnderlineWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "cf", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "cl", {
             get: function () {
-                return this.bv;
+                return this.b1;
             },
             set: function (a) {
-                var b = this.bv;
-                this.bv = a;
-                if (b != this.bv) {
-                    this.f8("ActualUnderlineWidth", b, a);
+                var b = this.b1;
+                this.b1 = a;
+                if (b != this.b1) {
+                    this.gh("ActualUnderlineWidth", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "bd", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "bg", {
             get: function () {
                 return this.a7;
             },
@@ -86831,7 +86859,7 @@
                 var b = this.a7;
                 this.a7 = a;
                 if (b != this.a7) {
-                    this.f8("AllowFilter", b, a);
+                    this.gh("AllowFilter", b, a);
                 }
             },
             enumerable: false,
@@ -86845,21 +86873,21 @@
                 var b = this.w;
                 this.w = a;
                 if (b != this.w) {
-                    this.f8("SortMode", igniteuiWebcomponentsCore.enumGetBox(SortMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(SortMode_$type, this.w));
+                    this.gh("SortMode", igniteuiWebcomponentsCore.enumGetBox(SortMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(SortMode_$type, this.w));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MultiColumnComboBox.prototype, "fn", {
+        Object.defineProperty(MultiColumnComboBox.prototype, "fv", {
             get: function () {
-                return this.da;
+                return this.dg;
             },
             set: function (a) {
-                var b = this.da;
-                this.da = a;
-                if (b != this.da) {
-                    this.f8("TextField", b, a);
+                var b = this.dg;
+                this.dg = a;
+                if (b != this.dg) {
+                    this.gh("TextField", b, a);
                 }
             },
             enumerable: false,
@@ -86867,13 +86895,13 @@
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "text", {
             get: function () {
-                return this.c9;
+                return this.df;
             },
             set: function (a) {
-                var b = this.c9;
-                this.c9 = a;
-                if (b != this.c9) {
-                    this.f8("Text", b, a);
+                var b = this.df;
+                this.df = a;
+                if (b != this.df) {
+                    this.gh("Text", b, a);
                 }
             },
             enumerable: false,
@@ -86887,7 +86915,7 @@
                 var b = this.d;
                 this.d = a;
                 if (b != this.d) {
-                    this.f8("ValueField", b, a);
+                    this.gh("ValueField", b, a);
                 }
             },
             enumerable: false,
@@ -86901,7 +86929,7 @@
                 var b = this.a;
                 this.a = a;
                 if (b != this.a) {
-                    this.f8("ActualValueField", b, a);
+                    this.gh("ActualValueField", b, a);
                 }
             },
             enumerable: false,
@@ -86909,13 +86937,13 @@
         });
         Object.defineProperty(MultiColumnComboBox.prototype, "value", {
             get: function () {
-                return this.c2;
+                return this.c8;
             },
             set: function (a) {
-                var b = this.c2;
-                this.c2 = a;
-                if (b != this.c2) {
-                    this.f8("Value", b, a);
+                var b = this.c8;
+                this.c8 = a;
+                if (b != this.c8) {
+                    this.gh("Value", b, a);
                 }
             },
             enumerable: false,
@@ -86929,24 +86957,24 @@
                 var b = this.aa;
                 this.aa = a;
                 if (b != this.aa) {
-                    this.f8("DisplayType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, a));
+                    this.gh("DisplayType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, a));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        MultiColumnComboBox.prototype.c4 = function (a, b) {
+        MultiColumnComboBox.prototype.da = function (a, b) {
             var c = new igniteuiWebcomponentsCore.FastReflectionHelper(false, b);
             return c.getPropertyValue(a);
         };
         MultiColumnComboBox.prototype.p = function () {
-            var a = this.ez();
+            var a = this.e5();
             return this.o(a);
         };
-        MultiColumnComboBox.prototype.ez = function () {
-            return this.ey(this.fn);
+        MultiColumnComboBox.prototype.e5 = function () {
+            return this.e4(this.fv);
         };
-        MultiColumnComboBox.prototype.c5 = function (a) {
+        MultiColumnComboBox.prototype.db = function (a) {
             var b = this.i();
             if (null == b || b.length == 0) {
                 return null;
@@ -86954,7 +86982,7 @@
             var c = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Base.$, 0);
             for (var e = 0; e < b.length; e++) {
                 var d = b[e];
-                var f = this.c4(a, d);
+                var f = this.da(a, d);
                 c.add1(f);
             }
             if (c.count == 1) {
@@ -86962,11 +86990,11 @@
             }
             return c.toArray();
         };
-        MultiColumnComboBox.prototype.ex = function (a) {
-            var b = this.ez();
+        MultiColumnComboBox.prototype.e3 = function (a) {
+            var b = this.e5();
             var c;
             if (null != b) {
-                var d = this.c4(a, b);
+                var d = this.da(a, b);
                 c = null != d ? d.toString() : null;
             }
             else {
@@ -87010,7 +87038,7 @@
             }
             return null;
         };
-        MultiColumnComboBox.prototype.ey = function (a) {
+        MultiColumnComboBox.prototype.e4 = function (a) {
             if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(a)) {
                 var b = this.actualDataSource;
                 if (null == b) {
@@ -87031,7 +87059,7 @@
         MultiColumnComboBox.prototype.h = function (a) {
             var b = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 0);
             if (null == a || a.length == 0) {
-                var c = this.ey(null);
+                var c = this.e4(null);
                 if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(c)) {
                     return null;
                 }
@@ -87040,7 +87068,7 @@
             }
             for (var e = 0; e < a.length; e++) {
                 var d = a[e];
-                var f = this.ey(d);
+                var f = this.e4(d);
                 if (null != f) {
                     b.add(f);
                 }
@@ -87054,14 +87082,14 @@
             var a = this.j;
             return this.h(a);
         };
-        MultiColumnComboBox.prototype.f9 = function (a) {
-            this.gc(2, a);
+        MultiColumnComboBox.prototype.gi = function (a) {
+            this.gl(2, a);
         };
-        MultiColumnComboBox.prototype.gc = function (a, b) {
-            if (this.bj) {
+        MultiColumnComboBox.prototype.gl = function (a, b) {
+            if (this.bm) {
                 return;
             }
-            this.bj = true;
+            this.bm = true;
             try {
                 switch (a) {
                     case 2:
@@ -87070,8 +87098,8 @@
                             var d = void 0;
                             var e = void 0;
                             if (null != c) {
-                                d = this.ex(c);
-                                e = this.c5(c);
+                                d = this.e3(c);
+                                e = this.db(c);
                             }
                             else {
                                 d = igniteuiWebcomponentsCore.stringEmpty();
@@ -87094,18 +87122,18 @@
                 }
             }
             finally {
-                this.bj = false;
+                this.bm = false;
             }
             this.v.cj();
         };
-        MultiColumnComboBox.prototype.gh = function (a) {
+        MultiColumnComboBox.prototype.gq = function (a) {
             this.text = a;
         };
-        MultiColumnComboBox.prototype.gj = function () {
+        MultiColumnComboBox.prototype.gs = function () {
             this.ax = (null == this.a4) ? this.a1 : this.a4;
             this.av = (null == this.a2) ? this.a1 : this.a2;
         };
-        MultiColumnComboBox.prototype.gi = function () {
+        MultiColumnComboBox.prototype.gr = function () {
         };
         MultiColumnComboBox.prototype.closeUp = function () {
             this.v.az();
@@ -87126,40 +87154,40 @@
             this.v.b4(a);
             this.actualNoMatchesFoundLabel = !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(this.a6.b1("NoMatches")) ? this.a6.b1("NoMatches") : "No Matches Found";
         };
-        MultiColumnComboBox.prototype.c3 = function () {
+        MultiColumnComboBox.prototype.c9 = function () {
             return this.l();
         };
-        MultiColumnComboBox.prototype.eq = function () {
+        MultiColumnComboBox.prototype.ew = function () {
             var a = this.l();
             return a.am();
         };
         MultiColumnComboBox.prototype.l = function () {
             var a = new MultiColumnComboVisualModelExport();
-            a.a = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hc);
+            a.a = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hl);
             a.j = this.ah;
-            a.b = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hd);
-            a.p = this.b6;
+            a.b = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hm);
+            a.p = this.cc;
             a.columnHeadersVisible = this.columnHeadersVisible;
-            a.au = this.ib;
-            a.at = this.gn;
+            a.au = this.il;
+            a.at = this.gw;
             a.k = this.am;
             a.dropDownButtonVisible = this.dropDownButtonVisible;
-            a.q = this.b8;
-            a.aa = this.e4;
-            a.c = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hh);
+            a.q = this.ce;
+            a.aa = this.fb;
+            a.c = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hq);
             a.actualLabelVisible = this.actualLabelVisible;
             a.actualNoMatchesFoundLabel = this.actualNoMatchesFoundLabel;
-            a.d = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hi);
-            a.e = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hj);
-            a.al = this.ff;
+            a.d = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hr);
+            a.e = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hs);
+            a.al = this.fn;
             a.rowSeparatorsVisible = this.rowSeparatorsVisible;
-            a.f = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hk);
-            a.g = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hl);
-            a.r = this.cc;
-            a.h = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hm);
-            a.s = this.cd;
-            a.t = this.ce;
-            a.u = this.cf;
+            a.f = igniteuiWebcomponentsCore.AppearanceHelper.a(this.ht);
+            a.g = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hu);
+            a.r = this.ci;
+            a.h = igniteuiWebcomponentsCore.AppearanceHelper.a(this.hv);
+            a.s = this.cj;
+            a.t = this.ck;
+            a.u = this.cl;
             a.an = this.text;
             a.y = this.value;
             a.i = this.v.e.exportVisualModel();
@@ -87249,51 +87277,93 @@
             }
             return a;
         };
-        MultiColumnComboBox.prototype.f5 = function (a) {
+        Object.defineProperty(MultiColumnComboBox.prototype, "bn", {
+            get: function () {
+                return this.a9;
+            },
+            set: function (a) {
+                var b = this.a9;
+                this.a9 = a;
+                if (b != this.a9) {
+                    this.gh("IsFixed", b, this.a9);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(MultiColumnComboBox.prototype, "bo", {
+            get: function () {
+                return this.ba;
+            },
+            set: function (a) {
+                var b = this.ba;
+                this.ba = a;
+                if (b != this.ba) {
+                    this.gh("OpenAsChild", b, this.ba);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(MultiColumnComboBox.prototype, "br", {
+            get: function () {
+                return this.bd;
+            },
+            set: function (a) {
+                var b = this.bd;
+                this.bd = a;
+                if (b != this.bd) {
+                    this.gh("UseTopLayer", b, this.bd);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        MultiColumnComboBox.prototype.ge = function (a) {
             if (null != this.gotFocus) {
                 this.gotFocus(this, a);
             }
         };
-        MultiColumnComboBox.prototype.f7 = function (a) {
+        MultiColumnComboBox.prototype.gg = function (a) {
             if (null != this.lostFocus) {
                 this.lostFocus(this, a);
             }
         };
-        MultiColumnComboBox.prototype.gb = function (a) {
+        MultiColumnComboBox.prototype.gk = function (a) {
             if (null != this.textValueChanged) {
                 this.textValueChanged(this, a);
             }
         };
-        MultiColumnComboBox.prototype.ga = function (a) {
+        MultiColumnComboBox.prototype.gj = function (a) {
             if (null != this.selectedValueChanged) {
                 this.selectedValueChanged(this, a);
             }
         };
-        MultiColumnComboBox.prototype.f8 = function (a, b, c) {
+        MultiColumnComboBox.prototype.gh = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
-            this.gd(a, b, c);
+            this.gm(a, b, c);
         };
-        MultiColumnComboBox.prototype.f6 = function (a) {
+        MultiColumnComboBox.prototype.gf = function (a) {
             if (null != this.keyDown) {
                 this.keyDown(this, a);
             }
         };
-        MultiColumnComboBox.prototype.f4 = function (a) {
+        MultiColumnComboBox.prototype.gd = function (a) {
             if (null != this.changing) {
                 this.changing(this, a);
             }
         };
         MultiColumnComboBox.$t = igniteuiWebcomponentsCore.markType(MultiColumnComboBox, 'MultiColumnComboBox', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
         MultiColumnComboBox.ag = 1;
-        MultiColumnComboBox.hp = igniteuiWebcomponentsInputs.ThemeResolver.ah(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XLabel.da, igniteuiWebcomponentsInputs.XLabel.c3);
-        MultiColumnComboBox.hr = igniteuiWebcomponentsInputs.ThemeResolver.ah(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XLabel.da, igniteuiWebcomponentsInputs.XLabel.c3);
-        MultiColumnComboBox.hq = igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255);
+        MultiColumnComboBox.hy = igniteuiWebcomponentsInputs.ThemeResolver.ah(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XLabel.da, igniteuiWebcomponentsInputs.XLabel.c3);
+        MultiColumnComboBox.h0 = igniteuiWebcomponentsInputs.ThemeResolver.ah(MultiColumnComboBox.ag, igniteuiWebcomponentsInputs.XLabel.da, igniteuiWebcomponentsInputs.XLabel.c3);
+        MultiColumnComboBox.hz = igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255);
         MultiColumnComboBox.ay = null;
-        MultiColumnComboBox.dx = "ActualNoMatchesFoundLabelBackgroundColor";
+        MultiColumnComboBox.d3 = "ActualNoMatchesFoundLabelBackgroundColor";
         MultiColumnComboBox.az = null;
-        MultiColumnComboBox.hz = igniteuiWebcomponentsCore.BrushUtil.h(221, 0, 0, 0);
+        MultiColumnComboBox.h8 = igniteuiWebcomponentsCore.BrushUtil.h(221, 0, 0, 0);
         return MultiColumnComboBox;
     }(igniteuiWebcomponentsCore.Base));
     /**
@@ -87727,11 +87797,11 @@
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
             get: function () {
-                return this.i.bl;
+                return this.i.bq;
             },
             set: function (v) {
-                this.i.bl = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("showClearButton", this.i.bl);
+                this.i.bq = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("showClearButton", this.i.bq);
             },
             enumerable: false,
             configurable: true
@@ -87758,11 +87828,11 @@
              * Gets or sets the background color to use for the input group.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hn);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hw);
             },
             set: function (v) {
-                this.i.hn = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.hn));
+                this.i.hw = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.hw));
             },
             enumerable: false,
             configurable: true
@@ -87772,11 +87842,11 @@
              * Gets the actual opacity to use for the underline ripple element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hc);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hl);
             },
             set: function (v) {
-                this.i.hc = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.hc));
+                this.i.hl = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.hl));
             },
             enumerable: false,
             configurable: true
@@ -87814,11 +87884,11 @@
              * Gets or sets the color to use the border of the input group.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.ho);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hx);
             },
             set: function (v) {
-                this.i.ho = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("borderColor", igniteuiWebcomponentsCore.brushToString(this.i.ho));
+                this.i.hx = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("borderColor", igniteuiWebcomponentsCore.brushToString(this.i.hx));
             },
             enumerable: false,
             configurable: true
@@ -87828,11 +87898,11 @@
              * Gets the actual item background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hd);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hm);
             },
             set: function (v) {
-                this.i.hd = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.hd));
+                this.i.hm = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.hm));
             },
             enumerable: false,
             configurable: true
@@ -87842,11 +87912,11 @@
              * Gets or sets the border width to use for the border of the item group.
             */
             get: function () {
-                return this.i.cg;
+                return this.i.cm;
             },
             set: function (v) {
-                this.i.cg = +v;
-                this._a("borderWidth", this.i.cg);
+                this.i.cm = +v;
+                this._a("borderWidth", this.i.cm);
             },
             enumerable: false,
             configurable: true
@@ -87856,11 +87926,11 @@
              * Gets the actual item border width.
             */
             get: function () {
-                return this.i.b6;
+                return this.i.cc;
             },
             set: function (v) {
-                this.i.b6 = +v;
-                this._a("actualBorderWidth", this.i.b6);
+                this.i.cc = +v;
+                this._a("actualBorderWidth", this.i.cc);
             },
             enumerable: false,
             configurable: true
@@ -87881,235 +87951,235 @@
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingBottom", {
             get: function () {
-                return this.i.ic ? this.i.ic.bottom : NaN;
+                return this.i.im ? this.i.im.bottom : NaN;
             },
             set: function (v) {
                 this.ensureContentPadding();
-                this.i.ic.bottom = +v;
-                this._a("contentPaddingBottom", this.i.ic.bottom);
-                this.i.ic = this.i.ic;
+                this.i.im.bottom = +v;
+                this._a("contentPaddingBottom", this.i.im.bottom);
+                this.i.im = this.i.im;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingLeft", {
             get: function () {
-                return this.i.ic ? this.i.ic.left : NaN;
+                return this.i.im ? this.i.im.left : NaN;
             },
             set: function (v) {
                 this.ensureContentPadding();
-                this.i.ic.left = +v;
-                this._a("contentPaddingLeft", this.i.ic.left);
-                this.i.ic = this.i.ic;
+                this.i.im.left = +v;
+                this._a("contentPaddingLeft", this.i.im.left);
+                this.i.im = this.i.im;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingRight", {
             get: function () {
-                return this.i.ic ? this.i.ic.right : NaN;
+                return this.i.im ? this.i.im.right : NaN;
             },
             set: function (v) {
                 this.ensureContentPadding();
-                this.i.ic.right = +v;
-                this._a("contentPaddingRight", this.i.ic.right);
-                this.i.ic = this.i.ic;
+                this.i.im.right = +v;
+                this._a("contentPaddingRight", this.i.im.right);
+                this.i.im = this.i.im;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "contentPaddingTop", {
             get: function () {
-                return this.i.ic ? this.i.ic.top : NaN;
+                return this.i.im ? this.i.im.top : NaN;
             },
             set: function (v) {
                 this.ensureContentPadding();
-                this.i.ic.top = +v;
-                this._a("contentPaddingTop", this.i.ic.top);
-                this.i.ic = this.i.ic;
+                this.i.im.top = +v;
+                this._a("contentPaddingTop", this.i.im.top);
+                this.i.im = this.i.im;
             },
             enumerable: false,
             configurable: true
         });
         IgcMultiColumnComboBoxComponent.prototype.ensureContentPadding = function () {
-            if (this.i.ic) {
+            if (this.i.im) {
                 return;
             }
-            this.i.ic = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.im = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingBottom", {
             get: function () {
-                return this.i.ib ? this.i.ib.bottom : NaN;
+                return this.i.il ? this.i.il.bottom : NaN;
             },
             set: function (v) {
                 this.ensureActualContentPadding();
-                this.i.ib.bottom = +v;
-                this._a("actualContentPaddingBottom", this.i.ib.bottom);
-                this.i.ib = this.i.ib;
+                this.i.il.bottom = +v;
+                this._a("actualContentPaddingBottom", this.i.il.bottom);
+                this.i.il = this.i.il;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingLeft", {
             get: function () {
-                return this.i.ib ? this.i.ib.left : NaN;
+                return this.i.il ? this.i.il.left : NaN;
             },
             set: function (v) {
                 this.ensureActualContentPadding();
-                this.i.ib.left = +v;
-                this._a("actualContentPaddingLeft", this.i.ib.left);
-                this.i.ib = this.i.ib;
+                this.i.il.left = +v;
+                this._a("actualContentPaddingLeft", this.i.il.left);
+                this.i.il = this.i.il;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingRight", {
             get: function () {
-                return this.i.ib ? this.i.ib.right : NaN;
+                return this.i.il ? this.i.il.right : NaN;
             },
             set: function (v) {
                 this.ensureActualContentPadding();
-                this.i.ib.right = +v;
-                this._a("actualContentPaddingRight", this.i.ib.right);
-                this.i.ib = this.i.ib;
+                this.i.il.right = +v;
+                this._a("actualContentPaddingRight", this.i.il.right);
+                this.i.il = this.i.il;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualContentPaddingTop", {
             get: function () {
-                return this.i.ib ? this.i.ib.top : NaN;
+                return this.i.il ? this.i.il.top : NaN;
             },
             set: function (v) {
                 this.ensureActualContentPadding();
-                this.i.ib.top = +v;
-                this._a("actualContentPaddingTop", this.i.ib.top);
-                this.i.ib = this.i.ib;
+                this.i.il.top = +v;
+                this._a("actualContentPaddingTop", this.i.il.top);
+                this.i.il = this.i.il;
             },
             enumerable: false,
             configurable: true
         });
         IgcMultiColumnComboBoxComponent.prototype.ensureActualContentPadding = function () {
-            if (this.i.ib) {
+            if (this.i.il) {
                 return;
             }
-            this.i.ib = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.il = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusBottomRight", {
             get: function () {
-                return this.i.go ? this.i.go.b : NaN;
+                return this.i.gx ? this.i.gx.b : NaN;
             },
             set: function (v) {
                 this.ensureCornerRadius();
-                this.i.go.b = +v;
-                this._a("cornerRadiusBottomRight", this.i.go.b);
-                this.i.go = this.i.go;
+                this.i.gx.b = +v;
+                this._a("cornerRadiusBottomRight", this.i.gx.b);
+                this.i.gx = this.i.gx;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusBottomLeft", {
             get: function () {
-                return this.i.go ? this.i.go.a : NaN;
+                return this.i.gx ? this.i.gx.a : NaN;
             },
             set: function (v) {
                 this.ensureCornerRadius();
-                this.i.go.a = +v;
-                this._a("cornerRadiusBottomLeft", this.i.go.a);
-                this.i.go = this.i.go;
+                this.i.gx.a = +v;
+                this._a("cornerRadiusBottomLeft", this.i.gx.a);
+                this.i.gx = this.i.gx;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusTopLeft", {
             get: function () {
-                return this.i.go ? this.i.go.c : NaN;
+                return this.i.gx ? this.i.gx.c : NaN;
             },
             set: function (v) {
                 this.ensureCornerRadius();
-                this.i.go.c = +v;
-                this._a("cornerRadiusTopLeft", this.i.go.c);
-                this.i.go = this.i.go;
+                this.i.gx.c = +v;
+                this._a("cornerRadiusTopLeft", this.i.gx.c);
+                this.i.gx = this.i.gx;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "cornerRadiusTopRight", {
             get: function () {
-                return this.i.go ? this.i.go.d : NaN;
+                return this.i.gx ? this.i.gx.d : NaN;
             },
             set: function (v) {
                 this.ensureCornerRadius();
-                this.i.go.d = +v;
-                this._a("cornerRadiusTopRight", this.i.go.d);
-                this.i.go = this.i.go;
+                this.i.gx.d = +v;
+                this._a("cornerRadiusTopRight", this.i.gx.d);
+                this.i.gx = this.i.gx;
             },
             enumerable: false,
             configurable: true
         });
         IgcMultiColumnComboBoxComponent.prototype.ensureCornerRadius = function () {
-            if (this.i.go) {
+            if (this.i.gx) {
                 return;
             }
-            this.i.go = new igniteuiWebcomponentsCore.CornerRadius(2);
+            this.i.gx = new igniteuiWebcomponentsCore.CornerRadius(2);
         };
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusBottomRight", {
             get: function () {
-                return this.i.gn ? this.i.gn.b : NaN;
+                return this.i.gw ? this.i.gw.b : NaN;
             },
             set: function (v) {
                 this.ensureActualCornerRadius();
-                this.i.gn.b = +v;
-                this._a("actualCornerRadiusBottomRight", this.i.gn.b);
-                this.i.gn = this.i.gn;
+                this.i.gw.b = +v;
+                this._a("actualCornerRadiusBottomRight", this.i.gw.b);
+                this.i.gw = this.i.gw;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusBottomLeft", {
             get: function () {
-                return this.i.gn ? this.i.gn.a : NaN;
+                return this.i.gw ? this.i.gw.a : NaN;
             },
             set: function (v) {
                 this.ensureActualCornerRadius();
-                this.i.gn.a = +v;
-                this._a("actualCornerRadiusBottomLeft", this.i.gn.a);
-                this.i.gn = this.i.gn;
+                this.i.gw.a = +v;
+                this._a("actualCornerRadiusBottomLeft", this.i.gw.a);
+                this.i.gw = this.i.gw;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusTopLeft", {
             get: function () {
-                return this.i.gn ? this.i.gn.c : NaN;
+                return this.i.gw ? this.i.gw.c : NaN;
             },
             set: function (v) {
                 this.ensureActualCornerRadius();
-                this.i.gn.c = +v;
-                this._a("actualCornerRadiusTopLeft", this.i.gn.c);
-                this.i.gn = this.i.gn;
+                this.i.gw.c = +v;
+                this._a("actualCornerRadiusTopLeft", this.i.gw.c);
+                this.i.gw = this.i.gw;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "actualCornerRadiusTopRight", {
             get: function () {
-                return this.i.gn ? this.i.gn.d : NaN;
+                return this.i.gw ? this.i.gw.d : NaN;
             },
             set: function (v) {
                 this.ensureActualCornerRadius();
-                this.i.gn.d = +v;
-                this._a("actualCornerRadiusTopRight", this.i.gn.d);
-                this.i.gn = this.i.gn;
+                this.i.gw.d = +v;
+                this._a("actualCornerRadiusTopRight", this.i.gw.d);
+                this.i.gw = this.i.gw;
             },
             enumerable: false,
             configurable: true
         });
         IgcMultiColumnComboBoxComponent.prototype.ensureActualCornerRadius = function () {
-            if (this.i.gn) {
+            if (this.i.gw) {
                 return;
             }
-            this.i.gn = new igniteuiWebcomponentsCore.CornerRadius(2);
+            this.i.gw = new igniteuiWebcomponentsCore.CornerRadius(2);
         };
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "dataSourceDesiredProperties", {
             /**
@@ -88175,11 +88245,11 @@
              * Gets or sets the color to use the hovered background of the inputs in the group.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h0);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h9);
             },
             set: function (v) {
-                this.i.h0 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("focusBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h0));
+                this.i.h9 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("focusBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.h9));
             },
             enumerable: false,
             configurable: true
@@ -88189,11 +88259,11 @@
              * Gets the actual item border color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.he);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hn);
             },
             set: function (v) {
-                this.i.he = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualFocusBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.he));
+                this.i.hn = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualFocusBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.hn));
             },
             enumerable: false,
             configurable: true
@@ -88203,11 +88273,11 @@
              * Gets or sets the border width to use for the border of the item group when focused.
             */
             get: function () {
-                return this.i.cs;
+                return this.i.cy;
             },
             set: function (v) {
-                this.i.cs = +v;
-                this._a("focusBorderWidth", this.i.cs);
+                this.i.cy = +v;
+                this._a("focusBorderWidth", this.i.cy);
             },
             enumerable: false,
             configurable: true
@@ -88217,11 +88287,11 @@
              * Gets the actual item border width.
             */
             get: function () {
-                return this.i.b7;
+                return this.i.cd;
             },
             set: function (v) {
-                this.i.b7 = +v;
-                this._a("actualFocusBorderWidth", this.i.b7);
+                this.i.cd = +v;
+                this._a("actualFocusBorderWidth", this.i.cd);
             },
             enumerable: false,
             configurable: true
@@ -88231,11 +88301,11 @@
              * Gets or sets the color to use for the underline element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h1);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ia);
             },
             set: function (v) {
-                this.i.h1 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("focusUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.h1));
+                this.i.ia = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("focusUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.ia));
             },
             enumerable: false,
             configurable: true
@@ -88245,11 +88315,11 @@
              * Gets the actual color to use for the underline element when focused.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hf);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ho);
             },
             set: function (v) {
-                this.i.hf = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualFocusUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.hf));
+                this.i.ho = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualFocusUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.ho));
             },
             enumerable: false,
             configurable: true
@@ -88259,11 +88329,11 @@
              * Gets or sets the color to use for the underline element.
             */
             get: function () {
-                return this.i.ct;
+                return this.i.cz;
             },
             set: function (v) {
-                this.i.ct = +v;
-                this._a("focusUnderlineOpacity", this.i.ct);
+                this.i.cz = +v;
+                this._a("focusUnderlineOpacity", this.i.cz);
             },
             enumerable: false,
             configurable: true
@@ -88273,11 +88343,11 @@
              * Gets the actual opacity to use for the underline element when focused.
             */
             get: function () {
-                return this.i.b8;
+                return this.i.ce;
             },
             set: function (v) {
-                this.i.b8 = +v;
-                this._a("actualFocusUnderlineOpacity", this.i.b8);
+                this.i.ce = +v;
+                this._a("actualFocusUnderlineOpacity", this.i.ce);
             },
             enumerable: false,
             configurable: true
@@ -88287,11 +88357,11 @@
              * Gets or sets the opacity to use for the underline ripple element when focused.
             */
             get: function () {
-                return this.i.cu;
+                return this.i.c0;
             },
             set: function (v) {
-                this.i.cu = +v;
-                this._a("focusUnderlineRippleOpacity", this.i.cu);
+                this.i.c0 = +v;
+                this._a("focusUnderlineRippleOpacity", this.i.c0);
             },
             enumerable: false,
             configurable: true
@@ -88301,11 +88371,11 @@
              * Gets the actual opacity to use for the underline ripple element when focused.
             */
             get: function () {
-                return this.i.b9;
+                return this.i.cf;
             },
             set: function (v) {
-                this.i.b9 = +v;
-                this._a("actualFocusUnderlineRippleOpacity", this.i.b9);
+                this.i.cf = +v;
+                this._a("actualFocusUnderlineRippleOpacity", this.i.cf);
             },
             enumerable: false,
             configurable: true
@@ -88315,11 +88385,11 @@
              * Gets or sets the color to use for the underline element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h2);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ib);
             },
             set: function (v) {
-                this.i.h2 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("hoverUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.h2));
+                this.i.ib = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("hoverUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.ib));
             },
             enumerable: false,
             configurable: true
@@ -88329,11 +88399,11 @@
              * Gets the actual color to use for the underline element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hg);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hp);
             },
             set: function (v) {
-                this.i.hg = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualHoverUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.hg));
+                this.i.hp = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualHoverUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.hp));
             },
             enumerable: false,
             configurable: true
@@ -88343,11 +88413,11 @@
              * Gets or sets the color to use for the underline element.
             */
             get: function () {
-                return this.i.cv;
+                return this.i.c1;
             },
             set: function (v) {
-                this.i.cv = +v;
-                this._a("hoverUnderlineOpacity", this.i.cv);
+                this.i.c1 = +v;
+                this._a("hoverUnderlineOpacity", this.i.c1);
             },
             enumerable: false,
             configurable: true
@@ -88357,11 +88427,11 @@
              * Gets the actual opacity to use for the underline element when hovered.
             */
             get: function () {
-                return this.i.ca;
+                return this.i.cg;
             },
             set: function (v) {
-                this.i.ca = +v;
-                this._a("actualHoverUnderlineOpacity", this.i.ca);
+                this.i.cg = +v;
+                this._a("actualHoverUnderlineOpacity", this.i.cg);
             },
             enumerable: false,
             configurable: true
@@ -88371,11 +88441,11 @@
              * Gets or sets the width to use for the underline element when hovered.
             */
             get: function () {
-                return this.i.cw;
+                return this.i.c2;
             },
             set: function (v) {
-                this.i.cw = +v;
-                this._a("hoverUnderlineWidth", this.i.cw);
+                this.i.c2 = +v;
+                this._a("hoverUnderlineWidth", this.i.c2);
             },
             enumerable: false,
             configurable: true
@@ -88385,11 +88455,11 @@
              * Gets the width to use for the underline element when hovered.
             */
             get: function () {
-                return this.i.cb;
+                return this.i.ch;
             },
             set: function (v) {
-                this.i.cb = +v;
-                this._a("actualHoverUnderlineWidth", this.i.cb);
+                this.i.ch = +v;
+                this._a("actualHoverUnderlineWidth", this.i.ch);
             },
             enumerable: false,
             configurable: true
@@ -88423,10 +88493,10 @@
              * The text displayed in the label portion of the control.
             */
             get: function () {
-                return this.i.e4;
+                return this.i.fb;
             },
             set: function (v) {
-                this.i.e4 = v;
+                this.i.fb = v;
             },
             enumerable: false,
             configurable: true
@@ -88436,11 +88506,11 @@
              * Gets or sets the color to use for the text.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h3);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ic);
             },
             set: function (v) {
-                this.i.h3 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("labelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h3));
+                this.i.ic = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("labelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.ic));
             },
             enumerable: false,
             configurable: true
@@ -88450,11 +88520,11 @@
              * Gets the actual color to use for the text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hh);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hq);
             },
             set: function (v) {
-                this.i.hh = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.hh));
+                this.i.hq = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.hq));
             },
             enumerable: false,
             configurable: true
@@ -88497,10 +88567,10 @@
              * Gets or sets the text to display on the list when no suggested matches are found.
             */
             get: function () {
-                return this.i.fa;
+                return this.i.fh;
             },
             set: function (v) {
-                this.i.fa = v;
+                this.i.fh = v;
             },
             enumerable: false,
             configurable: true
@@ -88523,11 +88593,11 @@
              * Gets or sets the color to use for the "no matches found" label.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h4);
+                return igniteuiWebcomponentsCore.brushToString(this.i.id);
             },
             set: function (v) {
-                this.i.h4 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("noMatchesFoundLabelBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.h4));
+                this.i.id = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("noMatchesFoundLabelBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.id));
             },
             enumerable: false,
             configurable: true
@@ -88537,11 +88607,11 @@
              * Gets the actual color to use for the "no matches found" label.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hi);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hr);
             },
             set: function (v) {
-                this.i.hi = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualNoMatchesFoundLabelBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.hi));
+                this.i.hr = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualNoMatchesFoundLabelBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.hr));
             },
             enumerable: false,
             configurable: true
@@ -88551,11 +88621,11 @@
              * Gets or sets the color to use for the "no matches found" label.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h5);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ie);
             },
             set: function (v) {
-                this.i.h5 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("noMatchesFoundLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h5));
+                this.i.ie = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("noMatchesFoundLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.ie));
             },
             enumerable: false,
             configurable: true
@@ -88565,11 +88635,11 @@
              * Gets the actual color to use for the "no matches found" label.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hj);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hs);
             },
             set: function (v) {
-                this.i.hj = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualNoMatchesFoundLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.hj));
+                this.i.hs = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualNoMatchesFoundLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.hs));
             },
             enumerable: false,
             configurable: true
@@ -88598,10 +88668,10 @@
              * Placeholder text which gives the user a hint about what kind of text is expected.
             */
             get: function () {
-                return this.i.ff;
+                return this.i.fn;
             },
             set: function (v) {
-                this.i.ff = v;
+                this.i.fn = v;
             },
             enumerable: false,
             configurable: true
@@ -88625,11 +88695,11 @@
              * Gets or sets the color to use for the text.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h6);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ig);
             },
             set: function (v) {
-                this.i.h6 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.h6));
+                this.i.ig = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.ig));
             },
             enumerable: false,
             configurable: true
@@ -88639,11 +88709,11 @@
              * Gets the actual color to use for the text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hk);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ht);
             },
             set: function (v) {
-                this.i.hk = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualTextColor", igniteuiWebcomponentsCore.brushToString(this.i.hk));
+                this.i.ht = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualTextColor", igniteuiWebcomponentsCore.brushToString(this.i.ht));
             },
             enumerable: false,
             configurable: true
@@ -88672,11 +88742,11 @@
              * Gets or sets the color to use for the underline element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h7);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ih);
             },
             set: function (v) {
-                this.i.h7 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("underlineColor", igniteuiWebcomponentsCore.brushToString(this.i.h7));
+                this.i.ih = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("underlineColor", igniteuiWebcomponentsCore.brushToString(this.i.ih));
             },
             enumerable: false,
             configurable: true
@@ -88686,11 +88756,11 @@
              * Gets the actual color to use for the underline element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hl);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hu);
             },
             set: function (v) {
-                this.i.hl = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.hl));
+                this.i.hu = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualUnderlineColor", igniteuiWebcomponentsCore.brushToString(this.i.hu));
             },
             enumerable: false,
             configurable: true
@@ -88700,11 +88770,11 @@
              * Gets or sets the color to use for the underline element.
             */
             get: function () {
-                return this.i.cx;
+                return this.i.c3;
             },
             set: function (v) {
-                this.i.cx = +v;
-                this._a("underlineOpacity", this.i.cx);
+                this.i.c3 = +v;
+                this._a("underlineOpacity", this.i.c3);
             },
             enumerable: false,
             configurable: true
@@ -88714,11 +88784,11 @@
              * Gets the actual opacity to use for the underline element.
             */
             get: function () {
-                return this.i.cc;
+                return this.i.ci;
             },
             set: function (v) {
-                this.i.cc = +v;
-                this._a("actualUnderlineOpacity", this.i.cc);
+                this.i.ci = +v;
+                this._a("actualUnderlineOpacity", this.i.ci);
             },
             enumerable: false,
             configurable: true
@@ -88728,11 +88798,11 @@
              * Gets or sets the color to use for the underline ripple element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h8);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ii);
             },
             set: function (v) {
-                this.i.h8 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("underlineRippleColor", igniteuiWebcomponentsCore.brushToString(this.i.h8));
+                this.i.ii = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("underlineRippleColor", igniteuiWebcomponentsCore.brushToString(this.i.ii));
             },
             enumerable: false,
             configurable: true
@@ -88742,11 +88812,11 @@
              * Gets the actual color to use for the underline ripple element.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.hm);
+                return igniteuiWebcomponentsCore.brushToString(this.i.hv);
             },
             set: function (v) {
-                this.i.hm = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualUnderlineRippleColor", igniteuiWebcomponentsCore.brushToString(this.i.hm));
+                this.i.hv = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualUnderlineRippleColor", igniteuiWebcomponentsCore.brushToString(this.i.hv));
             },
             enumerable: false,
             configurable: true
@@ -88756,11 +88826,11 @@
              * Gets or sets the opacity to use for the underline ripple element.
             */
             get: function () {
-                return this.i.cy;
+                return this.i.c4;
             },
             set: function (v) {
-                this.i.cy = +v;
-                this._a("underlineRippleOpacity", this.i.cy);
+                this.i.c4 = +v;
+                this._a("underlineRippleOpacity", this.i.c4);
             },
             enumerable: false,
             configurable: true
@@ -88770,11 +88840,11 @@
              * Gets the actual opacity to use for the underline ripple element.
             */
             get: function () {
-                return this.i.cd;
+                return this.i.cj;
             },
             set: function (v) {
-                this.i.cd = +v;
-                this._a("actualUnderlineRippleOpacity", this.i.cd);
+                this.i.cj = +v;
+                this._a("actualUnderlineRippleOpacity", this.i.cj);
             },
             enumerable: false,
             configurable: true
@@ -88784,11 +88854,11 @@
              * Gets or sets the width to use for the underline element.
             */
             get: function () {
-                return this.i.cz;
+                return this.i.c5;
             },
             set: function (v) {
-                this.i.cz = +v;
-                this._a("underlineRippleWidth", this.i.cz);
+                this.i.c5 = +v;
+                this._a("underlineRippleWidth", this.i.c5);
             },
             enumerable: false,
             configurable: true
@@ -88798,11 +88868,11 @@
              * Gets the actual width to use for the underline element.
             */
             get: function () {
-                return this.i.ce;
+                return this.i.ck;
             },
             set: function (v) {
-                this.i.ce = +v;
-                this._a("actualUnderlineRippleWidth", this.i.ce);
+                this.i.ck = +v;
+                this._a("actualUnderlineRippleWidth", this.i.ck);
             },
             enumerable: false,
             configurable: true
@@ -88812,11 +88882,11 @@
              * Gets or sets the width to use for the underline element.
             */
             get: function () {
-                return this.i.c0;
+                return this.i.c6;
             },
             set: function (v) {
-                this.i.c0 = +v;
-                this._a("underlineWidth", this.i.c0);
+                this.i.c6 = +v;
+                this._a("underlineWidth", this.i.c6);
             },
             enumerable: false,
             configurable: true
@@ -88826,11 +88896,11 @@
              * Gets the actual width to use for the underline element.
             */
             get: function () {
-                return this.i.cf;
+                return this.i.cl;
             },
             set: function (v) {
-                this.i.cf = +v;
-                this._a("actualUnderlineWidth", this.i.cf);
+                this.i.cl = +v;
+                this._a("actualUnderlineWidth", this.i.cl);
             },
             enumerable: false,
             configurable: true
@@ -88840,11 +88910,11 @@
              * Whether to allow filtering of the combo
             */
             get: function () {
-                return this.i.bd;
+                return this.i.bg;
             },
             set: function (v) {
-                this.i.bd = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("allowFilter", this.i.bd);
+                this.i.bg = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("allowFilter", this.i.bg);
             },
             enumerable: false,
             configurable: true
@@ -88868,10 +88938,10 @@
              * Determines the name of the field in the data source will be used as the Text of the MultiColumnComboBox.
             */
             get: function () {
-                return this.i.fn;
+                return this.i.fv;
             },
             set: function (v) {
-                this.i.fn = v;
+                this.i.fv = v;
             },
             enumerable: false,
             configurable: true
@@ -88941,6 +89011,48 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "isFixed", {
+            /**
+             * Indicates that the dropdown will position itself relative to the window instead of the document.
+            */
+            get: function () {
+                return this.i.bn;
+            },
+            set: function (v) {
+                this.i.bn = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isFixed", this.i.bn);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "openAsChild", {
+            /**
+             * Indicates that the dropdown should open as a child of the combobox.
+            */
+            get: function () {
+                return this.i.bo;
+            },
+            set: function (v) {
+                this.i.bo = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("openAsChild", this.i.bo);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "useTopLayer", {
+            /**
+             * Indicates that the dropdown will place itself into the browser top layer.
+            */
+            get: function () {
+                return this.i.br;
+            },
+            set: function (v) {
+                this.i.br = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("useTopLayer", this.i.br);
+            },
+            enumerable: false,
+            configurable: true
+        });
         IgcMultiColumnComboBoxComponent.prototype.findByName = function (name) {
             if (this.findEphemera) {
                 if (name && name.indexOf("@@e:") == 0) {
@@ -89032,7 +89144,7 @@
         
         */
         IgcMultiColumnComboBoxComponent.prototype.exportVisualModel = function () {
-            var iv = this.i.c3();
+            var iv = this.i.c9();
             return (iv);
         };
         /**
@@ -89040,7 +89152,7 @@
         
         */
         IgcMultiColumnComboBoxComponent.prototype.exportSerializedVisualModel = function () {
-            var iv = this.i.eq();
+            var iv = this.i.ew();
             return (iv);
         };
         Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "gotFocus", {
@@ -97658,11 +97770,11 @@
                     c.density = 3;
                 }
                 var e = _this.s(a, b.cellInfo.et, b.cellInfo.g4);
-                if (c.c7 != e) {
+                if (c.dd != e) {
                     if (!d) {
                         c.selectedValueChanged = igniteuiWebcomponentsCore.delegateRemove(c.selectedValueChanged, igniteuiWebcomponentsCore.runOn(_this, _this.cq));
                     }
-                    c.c7 = e;
+                    c.dd = e;
                     c.value = null;
                     c.itemsSource = _this.b(_this.a(e));
                     if (e.af != c.value) {
@@ -97689,7 +97801,7 @@
                 }
                 if (d) {
                     c.selectedValueChanged = igniteuiWebcomponentsCore.delegateCombine(c.selectedValueChanged, igniteuiWebcomponentsCore.runOn(_this, _this.cq));
-                    c.hn = igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255);
+                    c.hw = igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255);
                     c.g = ["Name"];
                     c.columnHeadersVisible = false;
                     c.defaultColumnWidth = ((function () {
@@ -97698,7 +97810,7 @@
                         $ret.f = _this.ba(e);
                         return $ret;
                     })());
-                    c.fn = "Name";
+                    c.fv = "Name";
                 }
             });
         };
@@ -97725,7 +97837,7 @@
         };
         PropertyEditor.prototype.cq = function (a, b) {
             var c = a;
-            var d = c.c7;
+            var d = c.dd;
             this.an = true;
             d.af = c.value;
             d.ao();