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

package/fesm5/igniteui-webcomponents-grids.js

@@ -84363,14 +84363,14 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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", runOn(this, this.a2), false);
-        window.addEventListener("resize", runOn(this, this.c1), false);
+        window.addEventListener("resize", runOn(this, this.c3), false);
     };
     MultiColumnComboBoxView.prototype.aw = function (a) {
         var b = this.g.p();
@@ -84434,7 +84434,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         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");
@@ -84457,7 +84457,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         l.mouseDown = delegateCombine(l.mouseDown, 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 XSuffix();
@@ -84491,12 +84491,16 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.k.inputs.add(u);
         this.ae.listen("click", runOn(this, this.ax));
         this.af.listen("click", 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 Popup();
+        this.m.aq = this.f.bn;
+        this.m.ax = this.f.br;
+        this.m.cy = 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");
@@ -84552,7 +84556,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
                     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;
@@ -84590,7 +84594,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             if (null != d) {
                 if (d.b >= a && d.b <= b) {
                     this.cf(d.b);
-                    this.cw();
+                    this.cy();
                 }
             }
         }
@@ -84610,7 +84614,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         else {
-            this.cu();
+            this.cw();
         }
     };
     MultiColumnComboBoxView.prototype.b1 = function (a, b) {
@@ -84622,18 +84626,23 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         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 Rect(0, b.left + window.pageXOffset, b.top + window.pageYOffset, b.width, b.height);
@@ -84684,7 +84693,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (b == null) {
             return;
         }
-        a.f9(b);
+        a.gi(b);
     };
     MultiColumnComboBoxView.prototype.bp = function () {
         this.n.b8();
@@ -84704,13 +84713,13 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         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;
@@ -84760,7 +84769,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (a) {
             case 2:
                 {
-                    var g = this.g.ez();
+                    var g = this.g.e5();
                     if (stringIsNullOrEmpty(g)) {
                         return;
                     }
@@ -84805,7 +84814,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     MultiColumnComboBoxView.prototype.b7 = function () {
-        this.cs();
+        this.cu();
         var a = this.f.text;
         var b = this.au.length;
         var c = !stringIsNullOrEmpty(a) ? a.length : 0;
@@ -84838,7 +84847,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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 != "")) {
@@ -84859,7 +84868,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         a.selectedItemsChanged = delegateRemove(a.selectedItemsChanged, runOn(this, this.bd));
         this.v = true;
         try {
-            this.g.gh(this.au);
+            this.g.gq(this.au);
         }
         finally {
             this.v = false;
@@ -84954,7 +84963,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (!this.r) {
             this.a8(b.activeCell);
         }
-        this.cw();
+        this.cy();
     };
     MultiColumnComboBoxView.prototype.cl = function (a) {
         this.b6(2, a);
@@ -84968,40 +84977,40 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             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) {
-            NativeUI.q(this.am, a.hj);
-            NativeUI.m(this.am, a.hi);
+            NativeUI.q(this.am, a.hs);
+            NativeUI.m(this.am, a.hr);
             if (null != a.aw) {
                 this.am.setStyleProperty("font", a.aw.fontString);
             }
@@ -85019,7 +85028,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -85032,7 +85041,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         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;
@@ -85066,7 +85075,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.am.setStyleProperty("height", p);
         }
     };
-    MultiColumnComboBoxView.prototype.ct = function () {
+    MultiColumnComboBoxView.prototype.cv = function () {
         if (this.w) {
             return;
         }
@@ -85078,11 +85087,11 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
@@ -85094,7 +85103,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    MultiColumnComboBoxView.prototype.cv = function () {
+    MultiColumnComboBoxView.prototype.cx = function () {
         var _this = this;
         if (null == this.d) {
             this.ac.getPortal(this.ag, "DataGrid", function (a) {
@@ -85102,12 +85111,12 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
                 _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;
@@ -85134,10 +85143,10 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
     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) {
@@ -85160,7 +85169,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d.headerClickAction = a;
         }
     };
-    MultiColumnComboBoxView.prototype.cw = function () {
+    MultiColumnComboBoxView.prototype.cy = function () {
         if (!this.t) {
             return;
         }
@@ -85180,7 +85189,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             a.scrollToRowByIndex(0);
         }
     };
-    MultiColumnComboBoxView.prototype.cx = function () {
+    MultiColumnComboBoxView.prototype.cz = function () {
         if (null != this.aq) {
             var a = this.g;
             var b = a.itemsSource;
@@ -85207,7 +85216,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             this.a = null;
             if (this.n != null && this.n.aw) {
-                this.cz();
+                this.c1();
                 this.n.b8();
             }
         }
@@ -85218,7 +85227,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ao = -1;
         }
     };
-    MultiColumnComboBoxView.prototype.cy = function () {
+    MultiColumnComboBoxView.prototype.c0 = function () {
         if (null != this.aj) {
             var a = this.f.actualLabelVisible;
             if (a) {
@@ -85239,8 +85248,8 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.k.disabled = !a;
         }
     };
-    MultiColumnComboBoxView.prototype.cz = function () {
-        this.cr();
+    MultiColumnComboBoxView.prototype.c1 = function () {
+        this.ct();
         if (!this.w) {
             this.z = false;
         }
@@ -85287,7 +85296,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    MultiColumnComboBoxView.prototype.c0 = function () {
+    MultiColumnComboBoxView.prototype.c2 = function () {
         if (null != this.al) {
             this.al.setStyleProperty("box-sizing", "border-box");
         }
@@ -85323,7 +85332,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.r = true;
     };
     MultiColumnComboBoxView.prototype.a9 = function (a, b) {
-        this.ct();
+        this.cv();
     };
     MultiColumnComboBoxView.prototype.ba = function (a, b) {
         if (typeCast(TextHeaderCellModel.$, b.cellInfo) !== null) {
@@ -85332,7 +85341,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.br();
     };
     MultiColumnComboBoxView.prototype.bb = function (a, b) {
-        this.cr();
+        this.ct();
         this.bp();
     };
     MultiColumnComboBoxView.prototype.bd = function (a, b) {
@@ -85342,10 +85351,10 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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 = delegateRemove(c.viewportChanged, runOn(this, this.bf));
     };
@@ -85353,7 +85362,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (b.isCompositionInProgress) {
             return;
         }
-        this.f.f4(b);
+        this.f.gd(b);
         var c = b.value;
         this.b9(c);
     };
@@ -85365,7 +85374,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.cd();
     };
     MultiColumnComboBoxView.prototype.bl = function (a, b) {
-        this.f.f6(b);
+        this.f.gf(b);
         if (b.defaultPrevented) {
             return;
         }
@@ -85393,7 +85402,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             case 40:
                 if (d == 1) {
                     this.a3();
-                    this.ct();
+                    this.cv();
                     b.preventDefault();
                 }
                 else {
@@ -85475,15 +85484,15 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             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");
@@ -85501,6 +85510,16 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
+    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 = 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";
@@ -85514,108 +85533,111 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(MultiColumnComboBox, _super);
     function MultiColumnComboBox() {
         var _this = _super.call(this) || this;
-        _this.c7 = null;
-        _this.hs = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "BackgroundColor");
-        _this.ht = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "BorderColor");
-        _this.ci = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "BorderWidth");
-        _this.id = XInputGroup.m.ai(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "ContentPadding");
-        _this.gp = XInputGroup.m.y(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "CornerRadius");
-        _this.hu = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderColor");
-        _this.cj = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderWidth");
-        _this.hv = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
-        _this.ck = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
-        _this.cl = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
-        _this.hw = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
-        _this.cm = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
-        _this.cn = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
-        _this.hx = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineColor");
-        _this.co = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineOpacity");
-        _this.hy = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
-        _this.cp = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
-        _this.cq = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
-        _this.cr = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
+        _this.dd = null;
+        _this.h1 = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "BackgroundColor");
+        _this.h2 = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "BorderColor");
+        _this.co = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "BorderWidth");
+        _this.io = XInputGroup.m.ai(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "ContentPadding");
+        _this.gy = XInputGroup.m.y(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "CornerRadius");
+        _this.h3 = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderColor");
+        _this.cp = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderWidth");
+        _this.h4 = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
+        _this.cq = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
+        _this.cr = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
+        _this.h5 = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
+        _this.cs = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
+        _this.ct = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineWidth");
+        _this.h6 = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineColor");
+        _this.cu = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineOpacity");
+        _this.h7 = XInputGroup.m.ad(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
+        _this.cv = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
+        _this.cw = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
+        _this.cx = XInputGroup.m.i(MultiColumnComboBox.ag, enumGetBox(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 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "BackgroundColor");
+        _this.ha = null;
+        _this.gz = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "BackgroundColor");
         _this.af = 0;
         _this.ae = 1;
-        _this.g2 = null;
-        _this.gr = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "BorderColor");
-        _this.bw = NaN;
-        _this.bm = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "BorderWidth");
-        _this.be = true;
-        _this.ia = new Thickness(1, NaN, NaN, NaN, NaN);
-        _this.h9 = ThemeResolver.ak(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "ContentPadding");
-        _this.gm = new CornerRadius(1, NaN, NaN, NaN, NaN);
-        _this.gl = ThemeResolver.aa(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "CornerRadius");
+        _this.hb = null;
+        _this.g0 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "BorderColor");
+        _this.b2 = NaN;
+        _this.bs = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "BorderWidth");
+        _this.bh = true;
+        _this.ik = new Thickness(1, NaN, NaN, NaN, NaN);
+        _this.ij = ThemeResolver.ak(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "ContentPadding");
+        _this.gv = new CornerRadius(1, NaN, NaN, NaN, NaN);
+        _this.gu = ThemeResolver.aa(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "CornerRadius");
         _this.b = null;
         _this.al = 0;
         _this.ak = 0;
-        _this.bh = true;
-        _this.g3 = null;
-        _this.gs = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderColor");
-        _this.bx = NaN;
-        _this.bn = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderWidth");
-        _this.g4 = null;
-        _this.gt = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
-        _this.by = NaN;
-        _this.bo = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
-        _this.bz = NaN;
-        _this.bp = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
-        _this.g5 = null;
-        _this.gu = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
-        _this.b0 = NaN;
-        _this.bq = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
-        _this.b1 = NaN;
-        _this.br = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(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 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderColor");
+        _this.b3 = NaN;
+        _this.bt = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusBorderWidth");
+        _this.hd = null;
+        _this.g2 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineColor");
+        _this.b4 = NaN;
+        _this.bu = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineOpacity");
+        _this.b5 = NaN;
+        _this.bv = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "FocusUnderlineRippleOpacity");
+        _this.he = null;
+        _this.g3 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineColor");
+        _this.b6 = NaN;
+        _this.bw = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "HoverUnderlineOpacity");
+        _this.b7 = NaN;
+        _this.bx = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(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 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineColor");
-        _this.b2 = NaN;
-        _this.bs = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineOpacity");
-        _this.hb = null;
-        _this.g0 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
-        _this.b3 = NaN;
-        _this.bt = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleOpacity");
-        _this.b4 = NaN;
-        _this.bu = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
-        _this.b5 = NaN;
-        _this.bv = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineWidth");
+        _this.hj = null;
+        _this.g8 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineColor");
+        _this.b8 = NaN;
+        _this.by = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineOpacity");
+        _this.hk = null;
+        _this.g9 = ThemeResolver.af(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleColor");
+        _this.b9 = NaN;
+        _this.bz = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleOpacity");
+        _this.ca = NaN;
+        _this.b0 = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(InputGroupDisplayType_$type, 0), "UnderlineRippleWidth");
+        _this.cb = NaN;
+        _this.b1 = ThemeResolver.k(MultiColumnComboBox.ag, XInputGroup.m, enumGetBox(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;
@@ -85645,88 +85667,88 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     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 = !isNaN_(this.cg) ? this.cg : this.ci;
+                this.cc = !isNaN_(this.cm) ? this.cm : this.co;
                 break;
             case "ContentPadding":
-                this.ib = XInputGroup.oh(this.ic, this.id);
+                this.il = XInputGroup.oh(this.im, this.io);
                 break;
             case "CornerRadius":
-                this.gn = XInputGroup.kr(this.go, this.gp);
+                this.gw = 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 = !isNaN_(this.cs) ? this.cs : this.cj;
+                this.cd = !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 = !isNaN_(this.ct) ? this.ct : this.ck;
+                this.ce = !isNaN_(this.cz) ? this.cz : this.cq;
                 break;
             case "FocusUnderlineRippleOpacity":
-                this.b9 = !isNaN_(this.cu) ? this.cu : this.cl;
+                this.cf = !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 = !isNaN_(this.cv) ? this.cv : this.cm;
+                this.cg = !isNaN_(this.c1) ? this.c1 : this.cs;
                 break;
             case "HoverUnderlineWidth":
-                this.cb = !isNaN_(this.cw) ? this.cw : this.cn;
+                this.ch = !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 = !isNaN_(this.cx) ? this.cx : this.co;
+                this.ci = !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 = !isNaN_(this.cy) ? this.cy : this.cp;
+                this.cj = !isNaN_(this.c4) ? this.c4 : this.cv;
                 break;
             case "UnderlineRippleWidth":
-                this.ce = !isNaN_(this.cz) ? this.cz : this.cq;
+                this.ck = !isNaN_(this.c5) ? this.c5 : this.cw;
                 break;
             case "UnderlineWidth":
-                this.cf = !isNaN_(this.c0) ? this.c0 : this.cr;
+                this.cl = !isNaN_(this.c6) ? this.c6 : this.cx;
                 break;
             case "BaseTheme":
                 this.ah = this.ai == 0 ? 1 : this.ai;
@@ -85735,7 +85757,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
@@ -85772,47 +85794,53 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ActualNoMatchesFoundLabel":
             case "ActualNoMatchesFoundLabelTextColor":
             case "ActualNoMatchesFoundLabelTextStyle":
-            case MultiColumnComboBox.dx:
+            case MultiColumnComboBox.d3:
                 this.v.cm();
                 break;
             case "NoMatchesFoundLabel":
-                this.actualNoMatchesFoundLabel = stringIsNullOrEmpty(this.fa) ? "No Matches Found" : this.fa;
+                this.actualNoMatchesFoundLabel = 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 = !stringIsNullOrEmpty(this.e6);
+                this.actualLabelVisible = !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 () {
@@ -85840,21 +85868,21 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -85868,7 +85896,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -85882,35 +85910,35 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -85924,7 +85952,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.af;
             this.af = a;
             if (b != this.af) {
-                this.f8("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+                this.gh("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         },
         enumerable: false,
@@ -85938,63 +85966,63 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ae;
             this.ae = a;
             if (b != this.ae) {
-                this.f8("ActualBaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+                this.gh("ActualBaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(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,
@@ -86002,69 +86030,69 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     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,
@@ -86078,7 +86106,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -86092,7 +86120,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.al;
             this.al = a;
             if (b != this.al) {
-                this.f8("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+                this.gh("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         },
         enumerable: false,
@@ -86106,7 +86134,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ak;
             this.ak = a;
             if (b != this.ak) {
-                this.f8("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+                this.gh("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         },
         enumerable: false,
@@ -86114,237 +86142,237 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     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,
@@ -86352,13 +86380,13 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     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,
@@ -86371,44 +86399,44 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         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 == 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,
@@ -86422,7 +86450,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -86436,7 +86464,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -86444,98 +86472,98 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     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 == 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,
@@ -86549,7 +86577,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -86563,64 +86591,64 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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 == 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,
@@ -86634,7 +86662,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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,
@@ -86648,181 +86676,181 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
         },
@@ -86830,7 +86858,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a7;
             this.a7 = a;
             if (b != this.a7) {
-                this.f8("AllowFilter", b, a);
+                this.gh("AllowFilter", b, a);
             }
         },
         enumerable: false,
@@ -86844,21 +86872,21 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.w;
             this.w = a;
             if (b != this.w) {
-                this.f8("SortMode", enumGetBox(SortMode_$type, b), enumGetBox(SortMode_$type, this.w));
+                this.gh("SortMode", enumGetBox(SortMode_$type, b), 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,
@@ -86866,13 +86894,13 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     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,
@@ -86886,7 +86914,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.f8("ValueField", b, a);
+                this.gh("ValueField", b, a);
             }
         },
         enumerable: false,
@@ -86900,7 +86928,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.f8("ActualValueField", b, a);
+                this.gh("ActualValueField", b, a);
             }
         },
         enumerable: false,
@@ -86908,13 +86936,13 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     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,
@@ -86928,24 +86956,24 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.f8("DisplayType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, a));
+                this.gh("DisplayType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, a));
             }
         },
         enumerable: false,
         configurable: true
     });
-    MultiColumnComboBox.prototype.c4 = function (a, b) {
+    MultiColumnComboBox.prototype.da = function (a, b) {
         var c = new 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;
@@ -86953,7 +86981,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = new List$1(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) {
@@ -86961,11 +86989,11 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         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 {
@@ -87009,7 +87037,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return null;
     };
-    MultiColumnComboBox.prototype.ey = function (a) {
+    MultiColumnComboBox.prototype.e4 = function (a) {
         if (stringIsNullOrEmpty(a)) {
             var b = this.actualDataSource;
             if (null == b) {
@@ -87030,7 +87058,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     MultiColumnComboBox.prototype.h = function (a) {
         var b = new List$1(String_$type, 0);
         if (null == a || a.length == 0) {
-            var c = this.ey(null);
+            var c = this.e4(null);
             if (stringIsNullOrEmpty(c)) {
                 return null;
             }
@@ -87039,7 +87067,7 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         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);
             }
@@ -87053,14 +87081,14 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         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:
@@ -87069,8 +87097,8 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
                         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 = stringEmpty();
@@ -87093,18 +87121,18 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         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();
@@ -87125,40 +87153,40 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         this.v.b4(a);
         this.actualNoMatchesFoundLabel = !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 = AppearanceHelper.a(this.hc);
+        a.a = AppearanceHelper.a(this.hl);
         a.j = this.ah;
-        a.b = AppearanceHelper.a(this.hd);
-        a.p = this.b6;
+        a.b = 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 = AppearanceHelper.a(this.hh);
+        a.q = this.ce;
+        a.aa = this.fb;
+        a.c = AppearanceHelper.a(this.hq);
         a.actualLabelVisible = this.actualLabelVisible;
         a.actualNoMatchesFoundLabel = this.actualNoMatchesFoundLabel;
-        a.d = AppearanceHelper.a(this.hi);
-        a.e = AppearanceHelper.a(this.hj);
-        a.al = this.ff;
+        a.d = AppearanceHelper.a(this.hr);
+        a.e = AppearanceHelper.a(this.hs);
+        a.al = this.fn;
         a.rowSeparatorsVisible = this.rowSeparatorsVisible;
-        a.f = AppearanceHelper.a(this.hk);
-        a.g = AppearanceHelper.a(this.hl);
-        a.r = this.cc;
-        a.h = AppearanceHelper.a(this.hm);
-        a.s = this.cd;
-        a.t = this.ce;
-        a.u = this.cf;
+        a.f = AppearanceHelper.a(this.ht);
+        a.g = AppearanceHelper.a(this.hu);
+        a.r = this.ci;
+        a.h = 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();
@@ -87248,51 +87276,93 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         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 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 = markType(MultiColumnComboBox, 'MultiColumnComboBox', Base.$, [INotifyPropertyChanged_$type]);
     MultiColumnComboBox.ag = 1;
-    MultiColumnComboBox.hp = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hr = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hq = BrushUtil.h(255, 255, 255, 255);
+    MultiColumnComboBox.hy = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
+    MultiColumnComboBox.h0 = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
+    MultiColumnComboBox.hz = BrushUtil.h(255, 255, 255, 255);
     MultiColumnComboBox.ay = null;
-    MultiColumnComboBox.dx = "ActualNoMatchesFoundLabelBackgroundColor";
+    MultiColumnComboBox.d3 = "ActualNoMatchesFoundLabelBackgroundColor";
     MultiColumnComboBox.az = null;
-    MultiColumnComboBox.hz = BrushUtil.h(221, 0, 0, 0);
+    MultiColumnComboBox.h8 = BrushUtil.h(221, 0, 0, 0);
     return MultiColumnComboBox;
 }(Base));
 /**
@@ -87726,11 +87796,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
      * 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 = ensureBool(v);
-            this._a("showClearButton", this.i.bl);
+            this.i.bq = ensureBool(v);
+            this._a("showClearButton", this.i.bq);
         },
         enumerable: false,
         configurable: true
@@ -87757,11 +87827,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the background color to use for the input group.
         */
         get: function () {
-            return brushToString(this.i.hn);
+            return brushToString(this.i.hw);
         },
         set: function (v) {
-            this.i.hn = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.hn));
+            this.i.hw = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -87771,11 +87841,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual opacity to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.hc);
+            return brushToString(this.i.hl);
         },
         set: function (v) {
-            this.i.hc = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.hc));
+            this.i.hl = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.hl));
         },
         enumerable: false,
         configurable: true
@@ -87813,11 +87883,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use the border of the input group.
         */
         get: function () {
-            return brushToString(this.i.ho);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.ho = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.ho));
+            this.i.hx = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.hx));
         },
         enumerable: false,
         configurable: true
@@ -87827,11 +87897,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item background color.
         */
         get: function () {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.hm);
         },
         set: function (v) {
-            this.i.hd = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.hd));
+            this.i.hm = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.hm));
         },
         enumerable: false,
         configurable: true
@@ -87841,11 +87911,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -87855,11 +87925,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -87880,235 +87950,235 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
     });
     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 Thickness(2);
+        this.i.im = new 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 Thickness(2);
+        this.i.il = new 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 CornerRadius(2);
+        this.i.gx = new 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 CornerRadius(2);
+        this.i.gw = new CornerRadius(2);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "dataSourceDesiredProperties", {
         /**
@@ -88174,11 +88244,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use the hovered background of the inputs in the group.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("focusBorderColor", brushToString(this.i.h0));
+            this.i.h9 = stringToBrush(v);
+            this._a("focusBorderColor", brushToString(this.i.h9));
         },
         enumerable: false,
         configurable: true
@@ -88188,11 +88258,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual item border color.
         */
         get: function () {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hn);
         },
         set: function (v) {
-            this.i.he = stringToBrush(v);
-            this._a("actualFocusBorderColor", brushToString(this.i.he));
+            this.i.hn = stringToBrush(v);
+            this._a("actualFocusBorderColor", brushToString(this.i.hn));
         },
         enumerable: false,
         configurable: true
@@ -88202,11 +88272,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88216,11 +88286,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88230,11 +88300,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.ia);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("focusUnderlineColor", brushToString(this.i.h1));
+            this.i.ia = stringToBrush(v);
+            this._a("focusUnderlineColor", brushToString(this.i.ia));
         },
         enumerable: false,
         configurable: true
@@ -88244,11 +88314,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline element when focused.
         */
         get: function () {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.ho);
         },
         set: function (v) {
-            this.i.hf = stringToBrush(v);
-            this._a("actualFocusUnderlineColor", brushToString(this.i.hf));
+            this.i.ho = stringToBrush(v);
+            this._a("actualFocusUnderlineColor", brushToString(this.i.ho));
         },
         enumerable: false,
         configurable: true
@@ -88258,11 +88328,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88272,11 +88342,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88286,11 +88356,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88300,11 +88370,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88314,11 +88384,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.ib);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("hoverUnderlineColor", brushToString(this.i.h2));
+            this.i.ib = stringToBrush(v);
+            this._a("hoverUnderlineColor", brushToString(this.i.ib));
         },
         enumerable: false,
         configurable: true
@@ -88328,11 +88398,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hp);
         },
         set: function (v) {
-            this.i.hg = stringToBrush(v);
-            this._a("actualHoverUnderlineColor", brushToString(this.i.hg));
+            this.i.hp = stringToBrush(v);
+            this._a("actualHoverUnderlineColor", brushToString(this.i.hp));
         },
         enumerable: false,
         configurable: true
@@ -88342,11 +88412,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88356,11 +88426,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88370,11 +88440,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88384,11 +88454,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88422,10 +88492,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88435,11 +88505,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.ic);
         },
         set: function (v) {
-            this.i.h3 = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.h3));
+            this.i.ic = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.ic));
         },
         enumerable: false,
         configurable: true
@@ -88449,11 +88519,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hq);
         },
         set: function (v) {
-            this.i.hh = stringToBrush(v);
-            this._a("actualLabelTextColor", brushToString(this.i.hh));
+            this.i.hq = stringToBrush(v);
+            this._a("actualLabelTextColor", brushToString(this.i.hq));
         },
         enumerable: false,
         configurable: true
@@ -88496,10 +88566,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88522,11 +88592,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.id);
         },
         set: function (v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("noMatchesFoundLabelBackgroundColor", brushToString(this.i.h4));
+            this.i.id = stringToBrush(v);
+            this._a("noMatchesFoundLabelBackgroundColor", brushToString(this.i.id));
         },
         enumerable: false,
         configurable: true
@@ -88536,11 +88606,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.hi);
+            return brushToString(this.i.hr);
         },
         set: function (v) {
-            this.i.hi = stringToBrush(v);
-            this._a("actualNoMatchesFoundLabelBackgroundColor", brushToString(this.i.hi));
+            this.i.hr = stringToBrush(v);
+            this._a("actualNoMatchesFoundLabelBackgroundColor", brushToString(this.i.hr));
         },
         enumerable: false,
         configurable: true
@@ -88550,11 +88620,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.ie);
         },
         set: function (v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("noMatchesFoundLabelTextColor", brushToString(this.i.h5));
+            this.i.ie = stringToBrush(v);
+            this._a("noMatchesFoundLabelTextColor", brushToString(this.i.ie));
         },
         enumerable: false,
         configurable: true
@@ -88564,11 +88634,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the "no matches found" label.
         */
         get: function () {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hs);
         },
         set: function (v) {
-            this.i.hj = stringToBrush(v);
-            this._a("actualNoMatchesFoundLabelTextColor", brushToString(this.i.hj));
+            this.i.hs = stringToBrush(v);
+            this._a("actualNoMatchesFoundLabelTextColor", brushToString(this.i.hs));
         },
         enumerable: false,
         configurable: true
@@ -88597,10 +88667,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88624,11 +88694,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.ig);
         },
         set: function (v) {
-            this.i.h6 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.h6));
+            this.i.ig = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.ig));
         },
         enumerable: false,
         configurable: true
@@ -88638,11 +88708,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.hk);
+            return brushToString(this.i.ht);
         },
         set: function (v) {
-            this.i.hk = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.hk));
+            this.i.ht = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.ht));
         },
         enumerable: false,
         configurable: true
@@ -88671,11 +88741,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.ih);
         },
         set: function (v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("underlineColor", brushToString(this.i.h7));
+            this.i.ih = stringToBrush(v);
+            this._a("underlineColor", brushToString(this.i.ih));
         },
         enumerable: false,
         configurable: true
@@ -88685,11 +88755,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline element.
         */
         get: function () {
-            return brushToString(this.i.hl);
+            return brushToString(this.i.hu);
         },
         set: function (v) {
-            this.i.hl = stringToBrush(v);
-            this._a("actualUnderlineColor", brushToString(this.i.hl));
+            this.i.hu = stringToBrush(v);
+            this._a("actualUnderlineColor", brushToString(this.i.hu));
         },
         enumerable: false,
         configurable: true
@@ -88699,11 +88769,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88713,11 +88783,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88727,11 +88797,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.ii);
         },
         set: function (v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("underlineRippleColor", brushToString(this.i.h8));
+            this.i.ii = stringToBrush(v);
+            this._a("underlineRippleColor", brushToString(this.i.ii));
         },
         enumerable: false,
         configurable: true
@@ -88741,11 +88811,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets the actual color to use for the underline ripple element.
         */
         get: function () {
-            return brushToString(this.i.hm);
+            return brushToString(this.i.hv);
         },
         set: function (v) {
-            this.i.hm = stringToBrush(v);
-            this._a("actualUnderlineRippleColor", brushToString(this.i.hm));
+            this.i.hv = stringToBrush(v);
+            this._a("actualUnderlineRippleColor", brushToString(this.i.hv));
         },
         enumerable: false,
         configurable: true
@@ -88755,11 +88825,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88769,11 +88839,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88783,11 +88853,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88797,11 +88867,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88811,11 +88881,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88825,11 +88895,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88839,11 +88909,11 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Whether to allow filtering of the combo
         */
         get: function () {
-            return this.i.bd;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.bd = ensureBool(v);
-            this._a("allowFilter", this.i.bd);
+            this.i.bg = ensureBool(v);
+            this._a("allowFilter", this.i.bg);
         },
         enumerable: false,
         configurable: true
@@ -88867,10 +88937,10 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
          * 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
@@ -88940,6 +89010,48 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
         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 = 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 = 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 = 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) {
@@ -89031,7 +89143,7 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcMultiColumnComboBoxComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.c3();
+        var iv = this.i.c9();
         return (iv);
     };
     /**
@@ -89039,7 +89151,7 @@ var IgcMultiColumnComboBoxComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcMultiColumnComboBoxComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.eq();
+        var iv = this.i.ew();
         return (iv);
     };
     Object.defineProperty(IgcMultiColumnComboBoxComponent.prototype, "gotFocus", {
@@ -97657,11 +97769,11 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 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 = delegateRemove(c.selectedValueChanged, 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) {
@@ -97688,7 +97800,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (d) {
                 c.selectedValueChanged = delegateCombine(c.selectedValueChanged, runOn(_this, _this.cq));
-                c.hn = BrushUtil.h(255, 255, 255, 255);
+                c.hw = BrushUtil.h(255, 255, 255, 255);
                 c.g = ["Name"];
                 c.columnHeadersVisible = false;
                 c.defaultColumnWidth = ((function () {
@@ -97697,7 +97809,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                     $ret.f = _this.ba(e);
                     return $ret;
                 })());
-                c.fn = "Name";
+                c.fv = "Name";
             }
         });
     };
@@ -97724,7 +97836,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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();