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

package/fesm2015/igniteui-webcomponents-grids.js

@@ -73772,14 +73772,14 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         }
         b2() {
             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);
         }
         aw(a) {
             let b = this.g.p();
@@ -73843,7 +73843,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.l.provideContainer(e);
             let 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");
@@ -73866,7 +73866,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             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);
             let m = a.createElement("div");
             let n = a.getSubRenderer(m);
             let o = new XSuffix();
@@ -73900,12 +73900,16 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             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();
         }
         a1() {
             let a = this.ac.createElement("div");
             let 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);
             let c = b.getExternal(this.m, b.rootWrapper, b.getExternal(this.g, null, null));
             this.am = this.ac.createElement("div");
@@ -73961,7 +73965,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                         else {
                             if (h > 1) {
                             }
-                            let i = this.g.ez();
+                            let i = this.g.e5();
                             a = this.a.getItemAtIndex(0);
                             let j = this.a.getItemProperty(a, i).toString();
                             this.g.text = j;
@@ -73999,7 +74003,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 if (null != d) {
                     if (d.b >= a && d.b <= b) {
                         this.cf(d.b);
-                        this.cw();
+                        this.cy();
                     }
                 }
             }
@@ -74019,7 +74023,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
             }
             else {
-                this.cu();
+                this.cw();
             }
         }
         b1(a, b) {
@@ -74031,18 +74035,23 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             return this.u(a);
         }
         a3() {
-            this.cz();
+            this.c1();
             this.bp();
             let a = this.n;
             if (a.aw) {
                 return;
             }
-            let b = this.c2();
+            let 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();
         }
-        c2() {
+        c4() {
             let a = this.ac.rootWrapper.getNativeElement();
             let b = (a.getBoundingClientRect());
             return new Rect(0, b.left + window.pageXOffset, b.top + window.pageYOffset, b.width, b.height);
@@ -74092,7 +74101,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (b == null) {
                 return;
             }
-            a.f9(b);
+            a.gi(b);
         }
         bp() {
             this.n.b8();
@@ -74112,13 +74121,13 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.k.an = true;
             this.j.dp();
             let a = new GotFocusEventArgs();
-            this.g.f5(a);
+            this.g.ge(a);
         }
         bz() {
             this.az();
             this.k.j8();
             let a = new LostFocusEventArgs();
-            this.g.f7(a);
+            this.g.gg(a);
         }
         b4(a) {
             if (a == null) {
@@ -74151,7 +74160,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             switch (a) {
                 case 2:
                     {
-                        let g = this.g.ez();
+                        let g = this.g.e5();
                         if (stringIsNullOrEmpty(g)) {
                             return;
                         }
@@ -74196,7 +74205,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             }
         }
         b7() {
-            this.cs();
+            this.cu();
             let a = this.f.text;
             let b = this.au.length;
             let c = !stringIsNullOrEmpty(a) ? a.length : 0;
@@ -74229,7 +74238,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         }
         cj() {
             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 != "")) {
@@ -74250,7 +74259,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             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;
@@ -74345,7 +74354,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (!this.r) {
                 this.a8(b.activeCell);
             }
-            this.cw();
+            this.cy();
         }
         cl(a) {
             this.b6(2, a);
@@ -74359,40 +74368,40 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 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);
                 }
@@ -74410,7 +74419,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 MultiColumnComboBoxUtilities.c(this.af, c);
             }
         }
-        cs() {
+        cu() {
             if (!this.v) {
                 if (null != this.j) {
                     let a = this.f.text;
@@ -74423,7 +74432,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             let b = null != a ? a.aw : false;
             this.i.svgPath = b ? MultiColumnComboBoxView.as : MultiColumnComboBoxView.at;
         }
-        cr() {
+        ct() {
             let a = this.d.actualHeaderHeight + 3;
             let b = this.d.actualRowHeight + this.d.rowSeparatorHeight;
             let c = this.d.actualDataSource;
@@ -74457,7 +74466,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.am.setStyleProperty("height", p);
             }
         }
-        ct() {
+        cv() {
             if (this.w) {
                 return;
             }
@@ -74469,11 +74478,11 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     a.ep = null;
                 }
                 else {
-                    this.cu();
+                    this.cw();
                 }
             }
         }
-        cu() {
+        cw() {
             let a = this.g;
             if (null != a.value) {
                 let b = this.g.value;
@@ -74485,19 +74494,19 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        cv() {
+        cx() {
             if (null == this.d) {
                 this.ac.getPortal(this.ag, "DataGrid", (a) => {
                     this.aq = a.componentRef;
                     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;
@@ -74524,10 +74533,10 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         cn(a) {
             if (this.d != null) {
                 this.d.defaultColumnWidth = a;
-                this.cr();
+                this.ct();
             }
         }
-        cq() {
+        cr() {
             if (this.d != null) {
                 let a = 0;
                 switch (this.f.x) {
@@ -74550,7 +74559,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.d.headerClickAction = a;
             }
         }
-        cw() {
+        cy() {
             if (!this.t) {
                 return;
             }
@@ -74570,7 +74579,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 a.scrollToRowByIndex(0);
             }
         }
-        cx() {
+        cz() {
             if (null != this.aq) {
                 let a = this.g;
                 let b = a.itemsSource;
@@ -74597,7 +74606,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
                 this.a = null;
                 if (this.n != null && this.n.aw) {
-                    this.cz();
+                    this.c1();
                     this.n.b8();
                 }
             }
@@ -74608,7 +74617,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.ao = -1;
             }
         }
-        cy() {
+        c0() {
             if (null != this.aj) {
                 let a = this.f.actualLabelVisible;
                 if (a) {
@@ -74629,8 +74638,8 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.k.disabled = !a;
             }
         }
-        cz() {
-            this.cr();
+        c1() {
+            this.ct();
             if (!this.w) {
                 this.z = false;
             }
@@ -74665,7 +74674,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         get ad() {
             return this.ac;
         }
-        c0() {
+        c2() {
             if (null != this.al) {
                 this.al.setStyleProperty("box-sizing", "border-box");
             }
@@ -74701,7 +74710,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.r = true;
         }
         a9(a, b) {
-            this.ct();
+            this.cv();
         }
         ba(a, b) {
             if (typeCast(TextHeaderCellModel.$, b.cellInfo) !== null) {
@@ -74710,7 +74719,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.br();
         }
         bb(a, b) {
-            this.cr();
+            this.ct();
             this.bp();
         }
         bd(a, b) {
@@ -74720,10 +74729,10 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         }
         be(a, b) {
             this.t = b.b != 0 && b.a != 0;
-            this.cw();
+            this.cy();
         }
         bf(a, b) {
-            this.cw();
+            this.cy();
             let c = this.d;
             c.viewportChanged = delegateRemove(c.viewportChanged, runOn(this, this.bf));
         }
@@ -74731,7 +74740,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (b.isCompositionInProgress) {
                 return;
             }
-            this.f.f4(b);
+            this.f.gd(b);
             let c = b.value;
             this.b9(c);
         }
@@ -74743,7 +74752,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.cd();
         }
         bl(a, b) {
-            this.f.f6(b);
+            this.f.gf(b);
             if (b.defaultPrevented) {
                 return;
             }
@@ -74771,7 +74780,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 case 40:
                     if (d == 1) {
                         this.a3();
-                        this.ct();
+                        this.cv();
                         b.preventDefault();
                     }
                     else {
@@ -74853,15 +74862,15 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.bz();
             }
         }
-        c1(a) {
+        c3(a) {
             let b = this.n;
             if (null == b || false == b.aw) {
                 return;
             }
-            let c = this.c2();
+            let c = this.c4();
             this.m.b9(c);
         }
-        cp() {
+        cq() {
             if (this.g.disallowTabFocus) {
                 if (this.ai != null) {
                     this.ai.setAttribute("tabIndex", "-1");
@@ -74879,6 +74888,16 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
             }
         }
+        cp() {
+            if (this.m != null) {
+                this.m.aq = this.g.bn;
+            }
+        }
+        cs() {
+            if (this.m != null) {
+                this.m.ax = this.g.br;
+            }
+        }
     }
     MultiColumnComboBoxView.$t = /*@__PURE__*/ 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";
@@ -74893,108 +74912,111 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
     class MultiColumnComboBox extends Base {
         constructor() {
             super();
-            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;
@@ -75019,88 +75041,88 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
         u() {
             return new MultiColumnComboBoxView();
         }
-        gd(a, b, c) {
+        gm(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;
@@ -75109,7 +75131,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
                     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;
@@ -75146,47 +75168,53 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 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();
                     let d = b != null ? b.toString() : null;
                     let 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;
             }
         }
-        gk() {
-            this.v.c0();
+        gt() {
+            this.v.c2();
         }
         get a1() {
             if (null == this.a0) {
@@ -75209,17 +75237,17 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.a8;
             this.a8 = a;
             if (b != this.a8) {
-                this.f8("DisallowTabFocus", b, this.a8);
+                this.gh("DisallowTabFocus", b, this.a8);
             }
         }
-        get bl() {
-            return this.ba;
+        get bq() {
+            return this.bc;
         }
-        set bl(a) {
-            let b = this.ba;
-            this.ba = a;
-            if (b != this.ba) {
-                this.f8("ShowClearButton", b, this.ba);
+        set bq(a) {
+            let b = this.bc;
+            this.bc = a;
+            if (b != this.bc) {
+                this.gh("ShowClearButton", b, this.bc);
             }
         }
         get g() {
@@ -75229,7 +75257,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.f8("Fields", b, this.c);
+                this.gh("Fields", b, this.c);
             }
         }
         get defaultColumnWidth() {
@@ -75239,27 +75267,27 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.f8("DefaultColumnWidth", b, this.m);
+                this.gh("DefaultColumnWidth", b, this.m);
             }
         }
-        get hn() {
-            return this.g1;
+        get hw() {
+            return this.ha;
         }
-        set hn(a) {
-            let b = this.g1;
-            this.g1 = a;
-            if (b != this.g1) {
-                this.f8("BackgroundColor", b, a);
+        set hw(a) {
+            let b = this.ha;
+            this.ha = a;
+            if (b != this.ha) {
+                this.gh("BackgroundColor", b, a);
             }
         }
-        get hc() {
-            return this.gq;
+        get hl() {
+            return this.gz;
         }
-        set hc(a) {
-            let b = this.gq;
-            this.gq = a;
-            if (b != this.gq) {
-                this.f8("ActualBackgroundColor", b, a);
+        set hl(a) {
+            let b = this.gz;
+            this.gz = a;
+            if (b != this.gz) {
+                this.gh("ActualBackgroundColor", b, a);
             }
         }
         get ai() {
@@ -75269,7 +75297,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get ah() {
@@ -75279,97 +75307,97 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        get ho() {
-            return this.g2;
+        get hx() {
+            return this.hb;
         }
-        set ho(a) {
-            let b = this.g2;
-            this.g2 = a;
-            if (b != this.g2) {
-                this.f8("BorderColor", b, a);
+        set hx(a) {
+            let b = this.hb;
+            this.hb = a;
+            if (b != this.hb) {
+                this.gh("BorderColor", b, a);
             }
         }
-        get hd() {
-            return this.gr;
+        get hm() {
+            return this.g0;
         }
-        set hd(a) {
-            let b = this.gr;
-            this.gr = a;
-            if (b != this.gr) {
-                this.f8("ActualBorderColor", b, a);
+        set hm(a) {
+            let b = this.g0;
+            this.g0 = a;
+            if (b != this.g0) {
+                this.gh("ActualBorderColor", b, a);
             }
         }
-        get cg() {
-            return this.bw;
+        get cm() {
+            return this.b2;
         }
-        set cg(a) {
-            let b = this.bw;
-            this.bw = a;
-            if (b != this.bw) {
-                this.f8("BorderWidth", b, a);
+        set cm(a) {
+            let b = this.b2;
+            this.b2 = a;
+            if (b != this.b2) {
+                this.gh("BorderWidth", b, a);
             }
         }
-        get b6() {
-            return this.bm;
+        get cc() {
+            return this.bs;
         }
-        set b6(a) {
-            let b = this.bm;
-            this.bm = a;
-            if (b != this.bm) {
-                this.f8("ActualBorderWidth", b, a);
+        set cc(a) {
+            let b = this.bs;
+            this.bs = a;
+            if (b != this.bs) {
+                this.gh("ActualBorderWidth", b, a);
             }
         }
         get columnHeadersVisible() {
-            return this.be;
+            return this.bh;
         }
         set columnHeadersVisible(a) {
-            let b = this.be;
-            this.be = a;
-            if (b != this.be) {
-                this.f8("ColumnHeadersVisible", b, a);
+            let b = this.bh;
+            this.bh = a;
+            if (b != this.bh) {
+                this.gh("ColumnHeadersVisible", b, a);
             }
         }
-        get ic() {
-            return this.ia;
+        get im() {
+            return this.ik;
         }
-        set ic(a) {
-            let b = this.ia;
-            this.ia = a;
-            if (b != this.ia) {
-                this.f8("ContentPadding", b, a);
+        set im(a) {
+            let b = this.ik;
+            this.ik = a;
+            if (b != this.ik) {
+                this.gh("ContentPadding", b, a);
             }
         }
-        get ib() {
-            return this.h9;
+        get il() {
+            return this.ij;
         }
-        set ib(a) {
-            let b = this.h9;
-            this.h9 = a;
-            if (b != this.h9) {
-                this.f8("ActualContentPadding", b, a);
+        set il(a) {
+            let b = this.ij;
+            this.ij = a;
+            if (b != this.ij) {
+                this.gh("ActualContentPadding", b, a);
             }
         }
-        get go() {
-            return this.gm;
+        get gx() {
+            return this.gv;
         }
-        set go(a) {
-            let b = this.gm;
-            this.gm = a;
-            if (b != this.gm) {
-                this.f8("CornerRadius", b, a);
+        set gx(a) {
+            let b = this.gv;
+            this.gv = a;
+            if (b != this.gv) {
+                this.gh("CornerRadius", b, a);
             }
         }
-        get gn() {
-            return this.gl;
+        get gw() {
+            return this.gu;
         }
-        set gn(a) {
-            let b = this.gl;
-            this.gl = a;
-            if (b != this.gl) {
-                this.f8("ActualCornerRadius", b, a);
+        set gw(a) {
+            let b = this.gu;
+            this.gu = a;
+            if (b != this.gu) {
+                this.gh("ActualCornerRadius", b, a);
             }
         }
         get f() {
@@ -75379,7 +75407,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.b;
             this.b = a;
             if (b != this.b) {
-                this.f8("DataSourceDesiredProperties", b, this.b);
+                this.gh("DataSourceDesiredProperties", b, this.b);
             }
         }
         get density() {
@@ -75389,7 +75417,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get am() {
@@ -75399,221 +75427,221 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get dropDownButtonVisible() {
-            return this.bh;
+            return this.bk;
         }
         set dropDownButtonVisible(a) {
-            let b = this.bh;
-            this.bh = a;
-            if (b != this.bh) {
-                this.f8("DropDownButtonVisible", b, a);
+            let b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.gh("DropDownButtonVisible", b, a);
             }
         }
-        get h0() {
-            return this.g3;
+        get h9() {
+            return this.hc;
         }
-        set h0(a) {
-            let b = this.g3;
-            this.g3 = a;
-            if (b != this.g3) {
-                this.f8("FocusBorderColor", b, a);
+        set h9(a) {
+            let b = this.hc;
+            this.hc = a;
+            if (b != this.hc) {
+                this.gh("FocusBorderColor", b, a);
             }
         }
-        get he() {
-            return this.gs;
+        get hn() {
+            return this.g1;
         }
-        set he(a) {
-            let b = this.gs;
-            this.gs = a;
-            if (b != this.gs) {
-                this.f8("ActualFocusBorderColor", b, a);
+        set hn(a) {
+            let b = this.g1;
+            this.g1 = a;
+            if (b != this.g1) {
+                this.gh("ActualFocusBorderColor", b, a);
             }
         }
-        get cs() {
-            return this.bx;
+        get cy() {
+            return this.b3;
         }
-        set cs(a) {
-            let b = this.bx;
-            this.bx = a;
-            if (b != this.bx) {
-                this.f8("FocusBorderWidth", b, a);
+        set cy(a) {
+            let b = this.b3;
+            this.b3 = a;
+            if (b != this.b3) {
+                this.gh("FocusBorderWidth", b, a);
             }
         }
-        get b7() {
-            return this.bn;
+        get cd() {
+            return this.bt;
         }
-        set b7(a) {
-            let b = this.bn;
-            this.bn = a;
-            if (b != this.bn) {
-                this.f8("ActualFocusBorderWidth", b, a);
+        set cd(a) {
+            let b = this.bt;
+            this.bt = a;
+            if (b != this.bt) {
+                this.gh("ActualFocusBorderWidth", b, a);
             }
         }
-        get h1() {
-            return this.g4;
+        get ia() {
+            return this.hd;
         }
-        set h1(a) {
-            let b = this.g4;
-            this.g4 = a;
-            if (b != this.g4) {
-                this.f8("FocusUnderlineColor", b, a);
+        set ia(a) {
+            let b = this.hd;
+            this.hd = a;
+            if (b != this.hd) {
+                this.gh("FocusUnderlineColor", b, a);
             }
         }
-        get hf() {
-            return this.gt;
+        get ho() {
+            return this.g2;
         }
-        set hf(a) {
-            let b = this.gt;
-            this.g4 = a;
-            if (b != this.gt) {
-                this.f8("ActualFocusUnderlineColor", b, a);
+        set ho(a) {
+            let b = this.g2;
+            this.hd = a;
+            if (b != this.g2) {
+                this.gh("ActualFocusUnderlineColor", b, a);
             }
         }
-        get ct() {
-            return this.by;
+        get cz() {
+            return this.b4;
         }
-        set ct(a) {
-            let b = this.by;
-            this.by = a;
-            if (b != this.by) {
-                this.f8("FocusUnderlineOpacity", b, a);
+        set cz(a) {
+            let b = this.b4;
+            this.b4 = a;
+            if (b != this.b4) {
+                this.gh("FocusUnderlineOpacity", b, a);
             }
         }
-        get b8() {
-            return this.bo;
+        get ce() {
+            return this.bu;
         }
-        set b8(a) {
-            let b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.f8("ActualFocusUnderlineOpacity", b, a);
+        set ce(a) {
+            let b = this.bu;
+            this.bu = a;
+            if (b != this.bu) {
+                this.gh("ActualFocusUnderlineOpacity", b, a);
             }
         }
-        get cu() {
-            return this.bz;
+        get c0() {
+            return this.b5;
         }
-        set cu(a) {
-            let b = this.bz;
-            this.bz = a;
-            if (b != this.bz) {
-                this.f8("FocusUnderlineRippleOpacity", b, a);
+        set c0(a) {
+            let b = this.b5;
+            this.b5 = a;
+            if (b != this.b5) {
+                this.gh("FocusUnderlineRippleOpacity", b, a);
             }
         }
-        get b9() {
-            return this.bp;
+        get cf() {
+            return this.bv;
         }
-        set b9(a) {
-            let b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.f8("ActualFocusUnderlineRippleOpacity", b, a);
+        set cf(a) {
+            let b = this.bv;
+            this.bv = a;
+            if (b != this.bv) {
+                this.gh("ActualFocusUnderlineRippleOpacity", b, a);
             }
         }
-        get h2() {
-            return this.g5;
+        get ib() {
+            return this.he;
         }
-        set h2(a) {
-            let b = this.g5;
-            this.g5 = a;
-            if (b != this.g5) {
-                this.f8("HoverUnderlineColor", b, a);
+        set ib(a) {
+            let b = this.he;
+            this.he = a;
+            if (b != this.he) {
+                this.gh("HoverUnderlineColor", b, a);
             }
         }
-        get hg() {
-            return this.gu;
+        get hp() {
+            return this.g3;
         }
-        set hg(a) {
-            let b = this.gu;
-            this.gu = a;
-            if (b != this.gu) {
-                this.f8("ActualHoverUnderlineColor", b, a);
+        set hp(a) {
+            let b = this.g3;
+            this.g3 = a;
+            if (b != this.g3) {
+                this.gh("ActualHoverUnderlineColor", b, a);
             }
         }
-        get cv() {
-            return this.b0;
+        get c1() {
+            return this.b6;
         }
-        set cv(a) {
-            let b = this.b0;
-            this.b0 = a;
-            if (b != this.b0) {
-                this.f8("HoverUnderlineOpacity", b, a);
+        set c1(a) {
+            let b = this.b6;
+            this.b6 = a;
+            if (b != this.b6) {
+                this.gh("HoverUnderlineOpacity", b, a);
             }
         }
-        get ca() {
-            return this.bq;
+        get cg() {
+            return this.bw;
         }
-        set ca(a) {
-            let b = this.bq;
-            this.bq = a;
-            if (b != this.bq) {
-                this.f8("ActualHoverUnderlineOpacity", b, a);
+        set cg(a) {
+            let b = this.bw;
+            this.bw = a;
+            if (b != this.bw) {
+                this.gh("ActualHoverUnderlineOpacity", b, a);
             }
         }
-        get cw() {
-            return this.b1;
+        get c2() {
+            return this.b7;
         }
-        set cw(a) {
-            let b = this.b1;
-            this.b1 = a;
-            if (b != this.b1) {
-                this.f8("HoverUnderlineWidth", b, a);
+        set c2(a) {
+            let b = this.b7;
+            this.b7 = a;
+            if (b != this.b7) {
+                this.gh("HoverUnderlineWidth", b, a);
             }
         }
-        get cb() {
-            return this.br;
+        get ch() {
+            return this.bx;
         }
-        set cb(a) {
-            let b = this.br;
-            this.br = a;
-            if (b != this.br) {
-                this.f8("ActualHoverUnderlineWidth", b, a);
+        set ch(a) {
+            let b = this.bx;
+            this.bx = a;
+            if (b != this.bx) {
+                this.gh("ActualHoverUnderlineWidth", b, a);
             }
         }
         get itemsSource() {
-            return this.c1;
+            return this.c7;
         }
         set itemsSource(a) {
-            let b = this.c1;
-            this.c1 = a;
-            if (b != this.c1) {
-                this.f8("ItemsSource", b, this.c1);
+            let b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.gh("ItemsSource", b, this.c7);
             }
         }
         get actualDataSource() {
             return this.v.b();
         }
-        get e4() {
-            return this.e6;
+        get fb() {
+            return this.fd;
         }
-        set e4(a) {
-            let b = this.e4;
+        set fb(a) {
+            let 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);
         }
-        get h3() {
-            return this.g6;
+        get ic() {
+            return this.hf;
         }
-        set h3(a) {
-            let b = this.g6;
-            this.g6 = a;
-            if (b != this.g6) {
-                this.f8("LabelTextColor", b, a);
+        set ic(a) {
+            let b = this.hf;
+            this.hf = a;
+            if (b != this.hf) {
+                this.gh("LabelTextColor", b, a);
             }
         }
-        get hh() {
-            return this.gv;
+        get hq() {
+            return this.g4;
         }
-        set hh(a) {
-            let b = this.gv;
-            this.gv = a;
-            if (b != this.gv) {
-                this.f8("ActualLabelTextColor", b, a);
+        set hq(a) {
+            let b = this.g4;
+            this.g4 = a;
+            if (b != this.g4) {
+                this.gh("ActualLabelTextColor", b, a);
             }
         }
         get a2() {
@@ -75623,7 +75651,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.as;
             this.as = a;
             if (b != this.as) {
-                this.f8("LabelTextStyle", b, this.as);
+                this.gh("LabelTextStyle", b, this.as);
             }
         }
         get av() {
@@ -75633,78 +75661,78 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.ap;
             this.ap = a;
             if (this.ap != b) {
-                this.f8("ActualLabelTextStyle", b, this.ap);
+                this.gh("ActualLabelTextStyle", b, this.ap);
             }
         }
         get actualLabelVisible() {
-            return this.bb;
+            return this.be;
         }
         set actualLabelVisible(a) {
-            let b = this.bb;
-            this.bb = a;
-            if (b != this.bb) {
-                this.f8("ActualLabelVisible", b, a);
+            let b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.gh("ActualLabelVisible", b, a);
             }
         }
-        get fa() {
-            return this.e9;
+        get fh() {
+            return this.fg;
         }
-        set fa(a) {
-            let b = this.e9;
+        set fh(a) {
+            let 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);
         }
         get actualNoMatchesFoundLabel() {
-            return this.dv;
+            return this.d1;
         }
         set actualNoMatchesFoundLabel(a) {
-            let b = this.dv;
-            this.dv = a;
-            if (b != this.dv) {
-                this.f8("ActualNoMatchesFoundLabel", b, a);
+            let b = this.d1;
+            this.d1 = a;
+            if (b != this.d1) {
+                this.gh("ActualNoMatchesFoundLabel", b, a);
             }
         }
-        get h4() {
-            return this.g7;
+        get id() {
+            return this.hg;
         }
-        set h4(a) {
-            let b = this.g7;
-            this.g7 = a;
-            if (b != this.g7) {
-                this.f8("NoMatchesFoundLabelBackgroundColor", b, a);
+        set id(a) {
+            let b = this.hg;
+            this.hg = a;
+            if (b != this.hg) {
+                this.gh("NoMatchesFoundLabelBackgroundColor", b, a);
             }
         }
-        get hi() {
-            return this.gw;
+        get hr() {
+            return this.g5;
         }
-        set hi(a) {
-            let b = this.gw;
-            this.gw = a;
-            if (b != this.gw) {
-                this.f8(MultiColumnComboBox.dx, b, a);
+        set hr(a) {
+            let b = this.g5;
+            this.g5 = a;
+            if (b != this.g5) {
+                this.gh(MultiColumnComboBox.d3, b, a);
             }
         }
-        get h5() {
-            return this.g8;
+        get ie() {
+            return this.hh;
         }
-        set h5(a) {
-            let b = this.g8;
-            this.g8 = a;
-            if (b != this.g8) {
-                this.f8("NoMatchesFoundLabelTextColor", b, a);
+        set ie(a) {
+            let b = this.hh;
+            this.hh = a;
+            if (b != this.hh) {
+                this.gh("NoMatchesFoundLabelTextColor", b, a);
             }
         }
-        get hj() {
-            return this.gx;
+        get hs() {
+            return this.g6;
         }
-        set hj(a) {
-            let b = this.gx;
-            this.gx = a;
-            if (b != this.gx) {
-                this.f8("ActualNoMatchesFoundLabelTextColor", b, a);
+        set hs(a) {
+            let b = this.g6;
+            this.g6 = a;
+            if (b != this.g6) {
+                this.gh("ActualNoMatchesFoundLabelTextColor", b, a);
             }
         }
         get a3() {
@@ -75714,7 +75742,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.at;
             this.at = a;
             if (b != this.at) {
-                this.f8("NoMatchesFoundLabelTextStyle", b, this.at);
+                this.gh("NoMatchesFoundLabelTextStyle", b, this.at);
             }
         }
         get aw() {
@@ -75724,48 +75752,48 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.aq;
             this.aq = a;
             if (this.aq != b) {
-                this.f8("ActualNoMatchesFoundLabelTextStyle", b, this.aq);
+                this.gh("ActualNoMatchesFoundLabelTextStyle", b, this.aq);
             }
         }
-        get ff() {
-            return this.fg;
+        get fn() {
+            return this.fo;
         }
-        set ff(a) {
-            let b = this.ff;
+        set fn(a) {
+            let 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);
         }
         get rowSeparatorsVisible() {
-            return this.a9;
+            return this.bb;
         }
         set rowSeparatorsVisible(a) {
-            let b = this.a9;
-            this.a9 = a;
-            if (b != this.a9) {
-                this.f8("RowSeparatorsVisible", b, a);
+            let b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.gh("RowSeparatorsVisible", b, a);
             }
         }
-        get h6() {
-            return this.g9;
+        get ig() {
+            return this.hi;
         }
-        set h6(a) {
-            let b = this.g9;
-            this.g9 = a;
-            if (b != this.g9) {
-                this.f8("TextColor", b, a);
+        set ig(a) {
+            let b = this.hi;
+            this.hi = a;
+            if (b != this.hi) {
+                this.gh("TextColor", b, a);
             }
         }
-        get hk() {
-            return this.gy;
+        get ht() {
+            return this.g7;
         }
-        set hk(a) {
-            let b = this.gy;
-            this.gy = a;
-            if (b != this.gy) {
-                this.f8("ActualTextColor", b, a);
+        set ht(a) {
+            let b = this.g7;
+            this.g7 = a;
+            if (b != this.g7) {
+                this.gh("ActualTextColor", b, a);
             }
         }
         get a4() {
@@ -75775,7 +75803,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.au;
             this.au = a;
             if (b != this.au) {
-                this.f8("TextStyle", b, this.au);
+                this.gh("TextStyle", b, this.au);
             }
         }
         get ax() {
@@ -75785,137 +75813,137 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.ar;
             this.ar = a;
             if (this.ar != b) {
-                this.f8("ActualTextStyle", b, this.ar);
+                this.gh("ActualTextStyle", b, this.ar);
             }
         }
-        get h7() {
-            return this.ha;
+        get ih() {
+            return this.hj;
         }
-        set h7(a) {
-            let b = this.ha;
-            this.ha = a;
-            if (b != this.ha) {
-                this.f8("UnderlineColor", b, a);
+        set ih(a) {
+            let b = this.hj;
+            this.hj = a;
+            if (b != this.hj) {
+                this.gh("UnderlineColor", b, a);
             }
         }
-        get hl() {
-            return this.gz;
+        get hu() {
+            return this.g8;
         }
-        set hl(a) {
-            let b = this.gz;
-            this.gz = a;
-            if (b != this.gz) {
-                this.f8("ActualUnderlineColor", b, a);
+        set hu(a) {
+            let b = this.g8;
+            this.g8 = a;
+            if (b != this.g8) {
+                this.gh("ActualUnderlineColor", b, a);
             }
         }
-        get cx() {
-            return this.b2;
+        get c3() {
+            return this.b8;
         }
-        set cx(a) {
-            let b = this.b2;
-            this.b2 = a;
-            if (b != this.b2) {
-                this.f8("UnderlineOpacity", b, a);
+        set c3(a) {
+            let b = this.b8;
+            this.b8 = a;
+            if (b != this.b8) {
+                this.gh("UnderlineOpacity", b, a);
             }
         }
-        get cc() {
-            return this.bs;
+        get ci() {
+            return this.by;
         }
-        set cc(a) {
-            let b = this.bs;
-            this.bs = a;
-            if (b != this.bs) {
-                this.f8("ActualUnderlineOpacity", b, a);
+        set ci(a) {
+            let b = this.by;
+            this.by = a;
+            if (b != this.by) {
+                this.gh("ActualUnderlineOpacity", b, a);
             }
         }
-        get h8() {
-            return this.hb;
+        get ii() {
+            return this.hk;
         }
-        set h8(a) {
-            let b = this.hb;
-            this.hb = a;
-            if (b != this.hb) {
-                this.f8("UnderlineRippleColor", b, a);
+        set ii(a) {
+            let b = this.hk;
+            this.hk = a;
+            if (b != this.hk) {
+                this.gh("UnderlineRippleColor", b, a);
             }
         }
-        get hm() {
-            return this.g0;
+        get hv() {
+            return this.g9;
         }
-        set hm(a) {
-            let b = this.g0;
-            this.g0 = a;
-            if (b != this.g0) {
-                this.f8("ActualUnderlineRippleColor", b, a);
+        set hv(a) {
+            let b = this.g9;
+            this.g9 = a;
+            if (b != this.g9) {
+                this.gh("ActualUnderlineRippleColor", b, a);
             }
         }
-        get cy() {
-            return this.b3;
+        get c4() {
+            return this.b9;
         }
-        set cy(a) {
-            let b = this.b3;
-            this.b3 = a;
-            if (b != this.b3) {
-                this.f8("UnderlineRippleOpacity", b, a);
+        set c4(a) {
+            let b = this.b9;
+            this.b9 = a;
+            if (b != this.b9) {
+                this.gh("UnderlineRippleOpacity", b, a);
             }
         }
-        get cd() {
-            return this.bt;
+        get cj() {
+            return this.bz;
         }
-        set cd(a) {
-            let b = this.bt;
-            this.bt = a;
-            if (b != this.bt) {
-                this.f8("ActualUnderlineRippleOpacity", b, a);
+        set cj(a) {
+            let b = this.bz;
+            this.bz = a;
+            if (b != this.bz) {
+                this.gh("ActualUnderlineRippleOpacity", b, a);
             }
         }
-        get cz() {
-            return this.b4;
+        get c5() {
+            return this.ca;
         }
-        set cz(a) {
-            let b = this.b4;
-            this.b4 = a;
-            if (b != this.b4) {
-                this.f8("UnderlineRippleWidth", b, a);
+        set c5(a) {
+            let b = this.ca;
+            this.ca = a;
+            if (b != this.ca) {
+                this.gh("UnderlineRippleWidth", b, a);
             }
         }
-        get ce() {
-            return this.bu;
+        get ck() {
+            return this.b0;
         }
-        set ce(a) {
-            let b = this.bu;
-            this.bu = a;
-            if (b != this.bu) {
-                this.f8("ActualUnderlineRippleWidth", b, a);
+        set ck(a) {
+            let b = this.b0;
+            this.b0 = a;
+            if (b != this.b0) {
+                this.gh("ActualUnderlineRippleWidth", b, a);
             }
         }
-        get c0() {
-            return this.b5;
+        get c6() {
+            return this.cb;
         }
-        set c0(a) {
-            let b = this.b5;
-            this.b5 = a;
-            if (b != this.b5) {
-                this.f8("UnderlineWidth", b, a);
+        set c6(a) {
+            let b = this.cb;
+            this.cb = a;
+            if (b != this.cb) {
+                this.gh("UnderlineWidth", b, a);
             }
         }
-        get cf() {
-            return this.bv;
+        get cl() {
+            return this.b1;
         }
-        set cf(a) {
-            let b = this.bv;
-            this.bv = a;
-            if (b != this.bv) {
-                this.f8("ActualUnderlineWidth", b, a);
+        set cl(a) {
+            let b = this.b1;
+            this.b1 = a;
+            if (b != this.b1) {
+                this.gh("ActualUnderlineWidth", b, a);
             }
         }
-        get bd() {
+        get bg() {
             return this.a7;
         }
-        set bd(a) {
+        set bg(a) {
             let b = this.a7;
             this.a7 = a;
             if (b != this.a7) {
-                this.f8("AllowFilter", b, a);
+                this.gh("AllowFilter", b, a);
             }
         }
         get x() {
@@ -75925,27 +75953,27 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        get fn() {
-            return this.da;
+        get fv() {
+            return this.dg;
         }
-        set fn(a) {
-            let b = this.da;
-            this.da = a;
-            if (b != this.da) {
-                this.f8("TextField", b, a);
+        set fv(a) {
+            let b = this.dg;
+            this.dg = a;
+            if (b != this.dg) {
+                this.gh("TextField", b, a);
             }
         }
         get text() {
-            return this.c9;
+            return this.df;
         }
         set text(a) {
-            let b = this.c9;
-            this.c9 = a;
-            if (b != this.c9) {
-                this.f8("Text", b, a);
+            let b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.gh("Text", b, a);
             }
         }
         get j() {
@@ -75955,7 +75983,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.f8("ValueField", b, a);
+                this.gh("ValueField", b, a);
             }
         }
         get e() {
@@ -75965,17 +75993,17 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.f8("ActualValueField", b, a);
+                this.gh("ActualValueField", b, a);
             }
         }
         get value() {
-            return this.c2;
+            return this.c8;
         }
         set value(a) {
-            let b = this.c2;
-            this.c2 = a;
-            if (b != this.c2) {
-                this.f8("Value", b, a);
+            let b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.gh("Value", b, a);
             }
         }
         get ac() {
@@ -75985,21 +76013,21 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        c4(a, b) {
+        da(a, b) {
             let c = new FastReflectionHelper(false, b);
             return c.getPropertyValue(a);
         }
         p() {
-            let a = this.ez();
+            let a = this.e5();
             return this.o(a);
         }
-        ez() {
-            return this.ey(this.fn);
+        e5() {
+            return this.e4(this.fv);
         }
-        c5(a) {
+        db(a) {
             let b = this.i();
             if (null == b || b.length == 0) {
                 return null;
@@ -76007,7 +76035,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let c = new List$1(Base.$, 0);
             for (let e = 0; e < b.length; e++) {
                 let d = b[e];
-                let f = this.c4(a, d);
+                let f = this.da(a, d);
                 c.add1(f);
             }
             if (c.count == 1) {
@@ -76015,11 +76043,11 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             }
             return c.toArray();
         }
-        ex(a) {
-            let b = this.ez();
+        e3(a) {
+            let b = this.e5();
             let c;
             if (null != b) {
-                let d = this.c4(a, b);
+                let d = this.da(a, b);
                 c = null != d ? d.toString() : null;
             }
             else {
@@ -76046,7 +76074,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        ey(a) {
+        e4(a) {
             if (stringIsNullOrEmpty(a)) {
                 let b = this.actualDataSource;
                 if (null == b) {
@@ -76067,7 +76095,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
         h(a) {
             let b = new List$1(String_$type, 0);
             if (null == a || a.length == 0) {
-                let c = this.ey(null);
+                let c = this.e4(null);
                 if (stringIsNullOrEmpty(c)) {
                     return null;
                 }
@@ -76076,7 +76104,7 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             }
             for (let e = 0; e < a.length; e++) {
                 let d = a[e];
-                let f = this.ey(d);
+                let f = this.e4(d);
                 if (null != f) {
                     b.add(f);
                 }
@@ -76090,14 +76118,14 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let a = this.j;
             return this.h(a);
         }
-        f9(a) {
-            this.gc(2, a);
+        gi(a) {
+            this.gl(2, a);
         }
-        gc(a, b) {
-            if (this.bj) {
+        gl(a, b) {
+            if (this.bm) {
                 return;
             }
-            this.bj = true;
+            this.bm = true;
             try {
                 switch (a) {
                     case 2:
@@ -76106,8 +76134,8 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
                             let d;
                             let e;
                             if (null != c) {
-                                d = this.ex(c);
-                                e = this.c5(c);
+                                d = this.e3(c);
+                                e = this.db(c);
                             }
                             else {
                                 d = stringEmpty();
@@ -76130,18 +76158,18 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 }
             }
             finally {
-                this.bj = false;
+                this.bm = false;
             }
             this.v.cj();
         }
-        gh(a) {
+        gq(a) {
             this.text = a;
         }
-        gj() {
+        gs() {
             this.ax = (null == this.a4) ? this.a1 : this.a4;
             this.av = (null == this.a2) ? this.a1 : this.a2;
         }
-        gi() {
+        gr() {
         }
         closeUp() {
             this.v.az();
@@ -76162,40 +76190,40 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             this.v.b4(a);
             this.actualNoMatchesFoundLabel = !stringIsNullOrWhiteSpace(this.a6.b1("NoMatches")) ? this.a6.b1("NoMatches") : "No Matches Found";
         }
-        c3() {
+        c9() {
             return this.l();
         }
-        eq() {
+        ew() {
             let a = this.l();
             return a.am();
         }
         l() {
             let 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();
@@ -76285,38 +76313,68 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        f5(a) {
+        get bn() {
+            return this.a9;
+        }
+        set bn(a) {
+            let b = this.a9;
+            this.a9 = a;
+            if (b != this.a9) {
+                this.gh("IsFixed", b, this.a9);
+            }
+        }
+        get bo() {
+            return this.ba;
+        }
+        set bo(a) {
+            let b = this.ba;
+            this.ba = a;
+            if (b != this.ba) {
+                this.gh("OpenAsChild", b, this.ba);
+            }
+        }
+        get br() {
+            return this.bd;
+        }
+        set br(a) {
+            let b = this.bd;
+            this.bd = a;
+            if (b != this.bd) {
+                this.gh("UseTopLayer", b, this.bd);
+            }
+        }
+        ge(a) {
             if (null != this.gotFocus) {
                 this.gotFocus(this, a);
             }
         }
-        f7(a) {
+        gg(a) {
             if (null != this.lostFocus) {
                 this.lostFocus(this, a);
             }
         }
-        gb(a) {
+        gk(a) {
             if (null != this.textValueChanged) {
                 this.textValueChanged(this, a);
             }
         }
-        ga(a) {
+        gj(a) {
             if (null != this.selectedValueChanged) {
                 this.selectedValueChanged(this, a);
             }
         }
-        f8(a, b, c) {
+        gh(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.gd(a, b, c);
+            this.gm(a, b, c);
         }
-        f6(a) {
+        gf(a) {
             if (null != this.keyDown) {
                 this.keyDown(this, a);
             }
         }
-        f4(a) {
+        gd(a) {
             if (null != this.changing) {
                 this.changing(this, a);
             }
@@ -76324,13 +76382,13 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
     }
     MultiColumnComboBox.$t = /*@__PURE__*/ markType(MultiColumnComboBox, 'MultiColumnComboBox', Base.$, [INotifyPropertyChanged_$type]);
     MultiColumnComboBox.ag = 1;
-    MultiColumnComboBox.hp = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hr = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hq = /*@__PURE__*/ BrushUtil.h(255, 255, 255, 255);
+    MultiColumnComboBox.hy = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
+    MultiColumnComboBox.h0 = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
+    MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.h(255, 255, 255, 255);
     MultiColumnComboBox.ay = null;
-    MultiColumnComboBox.dx = "ActualNoMatchesFoundLabelBackgroundColor";
+    MultiColumnComboBox.d3 = "ActualNoMatchesFoundLabelBackgroundColor";
     MultiColumnComboBox.az = null;
-    MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.h(221, 0, 0, 0);
+    MultiColumnComboBox.h8 = /*@__PURE__*/ BrushUtil.h(221, 0, 0, 0);
     return MultiColumnComboBox;
 })();
 /**
@@ -76706,11 +76764,11 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
      * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
     */
         get showClearButton() {
-            return this.i.bl;
+            return this.i.bq;
         }
         set showClearButton(v) {
-            this.i.bl = ensureBool(v);
-            this._a("showClearButton", this.i.bl);
+            this.i.bq = ensureBool(v);
+            this._a("showClearButton", this.i.bq);
         }
         /**
          * Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
@@ -76729,21 +76787,21 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color to use for the input group.
         */
         get backgroundColor() {
-            return brushToString(this.i.hn);
+            return brushToString(this.i.hw);
         }
         set backgroundColor(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));
         }
         /**
          * Gets the actual opacity to use for the underline ripple element.
         */
         get actualBackgroundColor() {
-            return brushToString(this.i.hc);
+            return brushToString(this.i.hl);
         }
         set actualBackgroundColor(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));
         }
         /**
          * Gets or sets the base built in theme to use for the component.
@@ -76769,41 +76827,41 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use the border of the input group.
         */
         get borderColor() {
-            return brushToString(this.i.ho);
+            return brushToString(this.i.hx);
         }
         set borderColor(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));
         }
         /**
          * Gets the actual item background color.
         */
         get actualBorderColor() {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.hm);
         }
         set actualBorderColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group.
         */
         get borderWidth() {
-            return this.i.cg;
+            return this.i.cm;
         }
         set borderWidth(v) {
-            this.i.cg = +v;
-            this._a("borderWidth", this.i.cg);
+            this.i.cm = +v;
+            this._a("borderWidth", this.i.cm);
         }
         /**
          * Gets the actual item border width.
         */
         get actualBorderWidth() {
-            return this.i.b6;
+            return this.i.cc;
         }
         set actualBorderWidth(v) {
-            this.i.b6 = +v;
-            this._a("actualBorderWidth", this.i.b6);
+            this.i.cc = +v;
+            this._a("actualBorderWidth", this.i.cc);
         }
         /**
          * Gets or sets the visibility of the drop down button.
@@ -76816,172 +76874,172 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
             this._a("columnHeadersVisible", this.i.columnHeadersVisible);
         }
         get contentPaddingBottom() {
-            return this.i.ic ? this.i.ic.bottom : NaN;
+            return this.i.im ? this.i.im.bottom : NaN;
         }
         set contentPaddingBottom(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;
         }
         get contentPaddingLeft() {
-            return this.i.ic ? this.i.ic.left : NaN;
+            return this.i.im ? this.i.im.left : NaN;
         }
         set contentPaddingLeft(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;
         }
         get contentPaddingRight() {
-            return this.i.ic ? this.i.ic.right : NaN;
+            return this.i.im ? this.i.im.right : NaN;
         }
         set contentPaddingRight(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;
         }
         get contentPaddingTop() {
-            return this.i.ic ? this.i.ic.top : NaN;
+            return this.i.im ? this.i.im.top : NaN;
         }
         set contentPaddingTop(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;
         }
         ensureContentPadding() {
-            if (this.i.ic) {
+            if (this.i.im) {
                 return;
             }
-            this.i.ic = new Thickness(2);
+            this.i.im = new Thickness(2);
         }
         get actualContentPaddingBottom() {
-            return this.i.ib ? this.i.ib.bottom : NaN;
+            return this.i.il ? this.i.il.bottom : NaN;
         }
         set actualContentPaddingBottom(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;
         }
         get actualContentPaddingLeft() {
-            return this.i.ib ? this.i.ib.left : NaN;
+            return this.i.il ? this.i.il.left : NaN;
         }
         set actualContentPaddingLeft(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;
         }
         get actualContentPaddingRight() {
-            return this.i.ib ? this.i.ib.right : NaN;
+            return this.i.il ? this.i.il.right : NaN;
         }
         set actualContentPaddingRight(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;
         }
         get actualContentPaddingTop() {
-            return this.i.ib ? this.i.ib.top : NaN;
+            return this.i.il ? this.i.il.top : NaN;
         }
         set actualContentPaddingTop(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;
         }
         ensureActualContentPadding() {
-            if (this.i.ib) {
+            if (this.i.il) {
                 return;
             }
-            this.i.ib = new Thickness(2);
+            this.i.il = new Thickness(2);
         }
         get cornerRadiusBottomRight() {
-            return this.i.go ? this.i.go.b : NaN;
+            return this.i.gx ? this.i.gx.b : NaN;
         }
         set cornerRadiusBottomRight(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;
         }
         get cornerRadiusBottomLeft() {
-            return this.i.go ? this.i.go.a : NaN;
+            return this.i.gx ? this.i.gx.a : NaN;
         }
         set cornerRadiusBottomLeft(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;
         }
         get cornerRadiusTopLeft() {
-            return this.i.go ? this.i.go.c : NaN;
+            return this.i.gx ? this.i.gx.c : NaN;
         }
         set cornerRadiusTopLeft(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;
         }
         get cornerRadiusTopRight() {
-            return this.i.go ? this.i.go.d : NaN;
+            return this.i.gx ? this.i.gx.d : NaN;
         }
         set cornerRadiusTopRight(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;
         }
         ensureCornerRadius() {
-            if (this.i.go) {
+            if (this.i.gx) {
                 return;
             }
-            this.i.go = new CornerRadius(2);
+            this.i.gx = new CornerRadius(2);
         }
         get actualCornerRadiusBottomRight() {
-            return this.i.gn ? this.i.gn.b : NaN;
+            return this.i.gw ? this.i.gw.b : NaN;
         }
         set actualCornerRadiusBottomRight(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;
         }
         get actualCornerRadiusBottomLeft() {
-            return this.i.gn ? this.i.gn.a : NaN;
+            return this.i.gw ? this.i.gw.a : NaN;
         }
         set actualCornerRadiusBottomLeft(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;
         }
         get actualCornerRadiusTopLeft() {
-            return this.i.gn ? this.i.gn.c : NaN;
+            return this.i.gw ? this.i.gw.c : NaN;
         }
         set actualCornerRadiusTopLeft(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;
         }
         get actualCornerRadiusTopRight() {
-            return this.i.gn ? this.i.gn.d : NaN;
+            return this.i.gw ? this.i.gw.d : NaN;
         }
         set actualCornerRadiusTopRight(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;
         }
         ensureActualCornerRadius() {
-            if (this.i.gn) {
+            if (this.i.gw) {
                 return;
             }
-            this.i.gn = new CornerRadius(2);
+            this.i.gw = new CornerRadius(2);
         }
         /**
          * Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
@@ -77030,161 +77088,161 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use the hovered background of the inputs in the group.
         */
         get focusBorderColor() {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h9);
         }
         set focusBorderColor(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));
         }
         /**
          * Gets the actual item border color.
         */
         get actualFocusBorderColor() {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hn);
         }
         set actualFocusBorderColor(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));
         }
         /**
          * Gets or sets the border width to use for the border of the item group when focused.
         */
         get focusBorderWidth() {
-            return this.i.cs;
+            return this.i.cy;
         }
         set focusBorderWidth(v) {
-            this.i.cs = +v;
-            this._a("focusBorderWidth", this.i.cs);
+            this.i.cy = +v;
+            this._a("focusBorderWidth", this.i.cy);
         }
         /**
          * Gets the actual item border width.
         */
         get actualFocusBorderWidth() {
-            return this.i.b7;
+            return this.i.cd;
         }
         set actualFocusBorderWidth(v) {
-            this.i.b7 = +v;
-            this._a("actualFocusBorderWidth", this.i.b7);
+            this.i.cd = +v;
+            this._a("actualFocusBorderWidth", this.i.cd);
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get focusUnderlineColor() {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.ia);
         }
         set focusUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element when focused.
         */
         get actualFocusUnderlineColor() {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.ho);
         }
         set actualFocusUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get focusUnderlineOpacity() {
-            return this.i.ct;
+            return this.i.cz;
         }
         set focusUnderlineOpacity(v) {
-            this.i.ct = +v;
-            this._a("focusUnderlineOpacity", this.i.ct);
+            this.i.cz = +v;
+            this._a("focusUnderlineOpacity", this.i.cz);
         }
         /**
          * Gets the actual opacity to use for the underline element when focused.
         */
         get actualFocusUnderlineOpacity() {
-            return this.i.b8;
+            return this.i.ce;
         }
         set actualFocusUnderlineOpacity(v) {
-            this.i.b8 = +v;
-            this._a("actualFocusUnderlineOpacity", this.i.b8);
+            this.i.ce = +v;
+            this._a("actualFocusUnderlineOpacity", this.i.ce);
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element when focused.
         */
         get focusUnderlineRippleOpacity() {
-            return this.i.cu;
+            return this.i.c0;
         }
         set focusUnderlineRippleOpacity(v) {
-            this.i.cu = +v;
-            this._a("focusUnderlineRippleOpacity", this.i.cu);
+            this.i.c0 = +v;
+            this._a("focusUnderlineRippleOpacity", this.i.c0);
         }
         /**
          * Gets the actual opacity to use for the underline ripple element when focused.
         */
         get actualFocusUnderlineRippleOpacity() {
-            return this.i.b9;
+            return this.i.cf;
         }
         set actualFocusUnderlineRippleOpacity(v) {
-            this.i.b9 = +v;
-            this._a("actualFocusUnderlineRippleOpacity", this.i.b9);
+            this.i.cf = +v;
+            this._a("actualFocusUnderlineRippleOpacity", this.i.cf);
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get hoverUnderlineColor() {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.ib);
         }
         set hoverUnderlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualHoverUnderlineColor() {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hp);
         }
         set actualHoverUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get hoverUnderlineOpacity() {
-            return this.i.cv;
+            return this.i.c1;
         }
         set hoverUnderlineOpacity(v) {
-            this.i.cv = +v;
-            this._a("hoverUnderlineOpacity", this.i.cv);
+            this.i.c1 = +v;
+            this._a("hoverUnderlineOpacity", this.i.c1);
         }
         /**
          * Gets the actual opacity to use for the underline element when hovered.
         */
         get actualHoverUnderlineOpacity() {
-            return this.i.ca;
+            return this.i.cg;
         }
         set actualHoverUnderlineOpacity(v) {
-            this.i.ca = +v;
-            this._a("actualHoverUnderlineOpacity", this.i.ca);
+            this.i.cg = +v;
+            this._a("actualHoverUnderlineOpacity", this.i.cg);
         }
         /**
          * Gets or sets the width to use for the underline element when hovered.
         */
         get hoverUnderlineWidth() {
-            return this.i.cw;
+            return this.i.c2;
         }
         set hoverUnderlineWidth(v) {
-            this.i.cw = +v;
-            this._a("hoverUnderlineWidth", this.i.cw);
+            this.i.c2 = +v;
+            this._a("hoverUnderlineWidth", this.i.c2);
         }
         /**
          * Gets the width to use for the underline element when hovered.
         */
         get actualHoverUnderlineWidth() {
-            return this.i.cb;
+            return this.i.ch;
         }
         set actualHoverUnderlineWidth(v) {
-            this.i.cb = +v;
-            this._a("actualHoverUnderlineWidth", this.i.cb);
+            this.i.ch = +v;
+            this._a("actualHoverUnderlineWidth", this.i.ch);
         }
         /**
          * Gets or sets the data to which to bind the combo box list. This can be some type of array or list, or it can
@@ -77206,30 +77264,30 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * The text displayed in the label portion of the control.
         */
         get label() {
-            return this.i.e4;
+            return this.i.fb;
         }
         set label(v) {
-            this.i.e4 = v;
+            this.i.fb = v;
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.ic);
         }
         set labelTextColor(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));
         }
         /**
          * Gets the actual color to use for the text color.
         */
         get actualLabelTextColor() {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hq);
         }
         set actualLabelTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -77260,10 +77318,10 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the text to display on the list when no suggested matches are found.
         */
         get noMatchesFoundLabel() {
-            return this.i.fa;
+            return this.i.fh;
         }
         set noMatchesFoundLabel(v) {
-            this.i.fa = v;
+            this.i.fh = v;
         }
         /**
          * Gets the actual text to display on the list when no suggested matches are found.
@@ -77278,41 +77336,41 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the "no matches found" label.
         */
         get noMatchesFoundLabelBackgroundColor() {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.id);
         }
         set noMatchesFoundLabelBackgroundColor(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));
         }
         /**
          * Gets the actual color to use for the "no matches found" label.
         */
         get actualNoMatchesFoundLabelBackgroundColor() {
-            return brushToString(this.i.hi);
+            return brushToString(this.i.hr);
         }
         set actualNoMatchesFoundLabelBackgroundColor(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));
         }
         /**
          * Gets or sets the color to use for the "no matches found" label.
         */
         get noMatchesFoundLabelTextColor() {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.ie);
         }
         set noMatchesFoundLabelTextColor(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));
         }
         /**
          * Gets the actual color to use for the "no matches found" label.
         */
         get actualNoMatchesFoundLabelTextColor() {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hs);
         }
         set actualNoMatchesFoundLabelTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -77333,10 +77391,10 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Placeholder text which gives the user a hint about what kind of text is expected.
         */
         get placeholder() {
-            return this.i.ff;
+            return this.i.fn;
         }
         set placeholder(v) {
-            this.i.ff = v;
+            this.i.fn = v;
         }
         /**
          * Gets or sets the visibility of the row separators in the drop down.
@@ -77352,21 +77410,21 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text.
         */
         get textColor() {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.ig);
         }
         set textColor(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));
         }
         /**
          * Gets the actual color to use for the text color.
         */
         get actualTextColor() {
-            return brushToString(this.i.hk);
+            return brushToString(this.i.ht);
         }
         set actualTextColor(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));
         }
         /**
          * Gets or sets the font to use for the combobox.
@@ -77387,131 +77445,131 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the underline element.
         */
         get underlineColor() {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.ih);
         }
         set underlineColor(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));
         }
         /**
          * Gets the actual color to use for the underline element.
         */
         get actualUnderlineColor() {
-            return brushToString(this.i.hl);
+            return brushToString(this.i.hu);
         }
         set actualUnderlineColor(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));
         }
         /**
          * Gets or sets the color to use for the underline element.
         */
         get underlineOpacity() {
-            return this.i.cx;
+            return this.i.c3;
         }
         set underlineOpacity(v) {
-            this.i.cx = +v;
-            this._a("underlineOpacity", this.i.cx);
+            this.i.c3 = +v;
+            this._a("underlineOpacity", this.i.c3);
         }
         /**
          * Gets the actual opacity to use for the underline element.
         */
         get actualUnderlineOpacity() {
-            return this.i.cc;
+            return this.i.ci;
         }
         set actualUnderlineOpacity(v) {
-            this.i.cc = +v;
-            this._a("actualUnderlineOpacity", this.i.cc);
+            this.i.ci = +v;
+            this._a("actualUnderlineOpacity", this.i.ci);
         }
         /**
          * Gets or sets the color to use for the underline ripple element.
         */
         get underlineRippleColor() {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.ii);
         }
         set underlineRippleColor(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));
         }
         /**
          * Gets the actual color to use for the underline ripple element.
         */
         get actualUnderlineRippleColor() {
-            return brushToString(this.i.hm);
+            return brushToString(this.i.hv);
         }
         set actualUnderlineRippleColor(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));
         }
         /**
          * Gets or sets the opacity to use for the underline ripple element.
         */
         get underlineRippleOpacity() {
-            return this.i.cy;
+            return this.i.c4;
         }
         set underlineRippleOpacity(v) {
-            this.i.cy = +v;
-            this._a("underlineRippleOpacity", this.i.cy);
+            this.i.c4 = +v;
+            this._a("underlineRippleOpacity", this.i.c4);
         }
         /**
          * Gets the actual opacity to use for the underline ripple element.
         */
         get actualUnderlineRippleOpacity() {
-            return this.i.cd;
+            return this.i.cj;
         }
         set actualUnderlineRippleOpacity(v) {
-            this.i.cd = +v;
-            this._a("actualUnderlineRippleOpacity", this.i.cd);
+            this.i.cj = +v;
+            this._a("actualUnderlineRippleOpacity", this.i.cj);
         }
         /**
          * Gets or sets the width to use for the underline element.
         */
         get underlineRippleWidth() {
-            return this.i.cz;
+            return this.i.c5;
         }
         set underlineRippleWidth(v) {
-            this.i.cz = +v;
-            this._a("underlineRippleWidth", this.i.cz);
+            this.i.c5 = +v;
+            this._a("underlineRippleWidth", this.i.c5);
         }
         /**
          * Gets the actual width to use for the underline element.
         */
         get actualUnderlineRippleWidth() {
-            return this.i.ce;
+            return this.i.ck;
         }
         set actualUnderlineRippleWidth(v) {
-            this.i.ce = +v;
-            this._a("actualUnderlineRippleWidth", this.i.ce);
+            this.i.ck = +v;
+            this._a("actualUnderlineRippleWidth", this.i.ck);
         }
         /**
          * Gets or sets the width to use for the underline element.
         */
         get underlineWidth() {
-            return this.i.c0;
+            return this.i.c6;
         }
         set underlineWidth(v) {
-            this.i.c0 = +v;
-            this._a("underlineWidth", this.i.c0);
+            this.i.c6 = +v;
+            this._a("underlineWidth", this.i.c6);
         }
         /**
          * Gets the actual width to use for the underline element.
         */
         get actualUnderlineWidth() {
-            return this.i.cf;
+            return this.i.cl;
         }
         set actualUnderlineWidth(v) {
-            this.i.cf = +v;
-            this._a("actualUnderlineWidth", this.i.cf);
+            this.i.cl = +v;
+            this._a("actualUnderlineWidth", this.i.cl);
         }
         /**
          * Whether to allow filtering of the combo
         */
         get allowFilter() {
-            return this.i.bd;
+            return this.i.bg;
         }
         set allowFilter(v) {
-            this.i.bd = ensureBool(v);
-            this._a("allowFilter", this.i.bd);
+            this.i.bg = ensureBool(v);
+            this._a("allowFilter", this.i.bg);
         }
         /**
          * Returns/sets the action to take when a column header is clicked.
@@ -77527,10 +77585,10 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
          * Determines the name of the field in the data source will be used as the Text of the MultiColumnComboBox.
         */
         get textField() {
-            return this.i.fn;
+            return this.i.fv;
         }
         set textField(v) {
-            this.i.fn = v;
+            this.i.fv = v;
         }
         /**
          * The text displayed in the edit portion of the control.
@@ -77581,6 +77639,36 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         set value(v) {
             this.i.value = v;
         }
+        /**
+         * Indicates that the dropdown will position itself relative to the window instead of the document.
+        */
+        get isFixed() {
+            return this.i.bn;
+        }
+        set isFixed(v) {
+            this.i.bn = ensureBool(v);
+            this._a("isFixed", this.i.bn);
+        }
+        /**
+         * Indicates that the dropdown should open as a child of the combobox.
+        */
+        get openAsChild() {
+            return this.i.bo;
+        }
+        set openAsChild(v) {
+            this.i.bo = ensureBool(v);
+            this._a("openAsChild", this.i.bo);
+        }
+        /**
+         * Indicates that the dropdown will place itself into the browser top layer.
+        */
+        get useTopLayer() {
+            return this.i.br;
+        }
+        set useTopLayer(v) {
+            this.i.br = ensureBool(v);
+            this._a("useTopLayer", this.i.br);
+        }
         findByName(name) {
             if (this.findEphemera) {
                 if (name && name.indexOf("@@e:") == 0) {
@@ -77668,7 +77756,7 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.c3();
+            let iv = this.i.c9();
             return (iv);
         }
         /**
@@ -77676,7 +77764,7 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.eq();
+            let iv = this.i.ew();
             return (iv);
         }
         get gotFocus() {
@@ -85100,11 +85188,11 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                     c.density = 3;
                 }
                 let 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) {
@@ -85131,7 +85219,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                 }
                 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 = ((() => {
@@ -85140,7 +85228,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                         $ret.f = this.ba(e);
                         return $ret;
                     })());
-                    c.fn = "Name";
+                    c.fv = "Name";
                 }
             });
         }
@@ -85164,7 +85252,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
         }
         cq(a, b) {
             let c = a;
-            let d = c.c7;
+            let d = c.dd;
             this.an = true;
             d.af = c.value;
             d.ao();