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

package/esm2015/lib/MultiColumnComboBoxView_combined.js

@@ -12,6 +12,7 @@ import { XLabel } from "igniteui-webcomponents-inputs";
 import { XInput } from "igniteui-webcomponents-inputs";
 import { List$1 } from "igniteui-webcomponents-core";
 import { XIcon } from "igniteui-webcomponents-inputs";
+import { BrushUtil } from "igniteui-webcomponents-core";
 import { GridCellPosition } from "./GridCellPosition";
 import { Rect } from "igniteui-webcomponents-core";
 import { GotFocusEventArgs } from "./GotFocusEventArgs";
@@ -43,7 +44,6 @@ import { FastReflectionHelper } from "igniteui-webcomponents-core";
 import { MultiColumnComboVisualModelExport } from "./MultiColumnComboVisualModelExport";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { FontUtil } from "igniteui-webcomponents-core";
-import { BrushUtil } from "igniteui-webcomponents-core";
 import { isNaN_ } from "igniteui-webcomponents-core";
 /**
  * @hidden
@@ -107,14 +107,14 @@ export 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();
@@ -178,7 +178,7 @@ export 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");
@@ -201,7 +201,7 @@ export 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();
@@ -235,12 +235,16 @@ export 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");
@@ -296,7 +300,7 @@ export 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;
@@ -334,7 +338,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 if (null != d) {
                     if (d.b >= a && d.b <= b) {
                         this.cf(d.b);
-                        this.cw();
+                        this.cy();
                     }
                 }
             }
@@ -354,7 +358,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
             }
             else {
-                this.cu();
+                this.cw();
             }
         }
         b1(a, b) {
@@ -366,18 +370,23 @@ export 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);
@@ -427,7 +436,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (b == null) {
                 return;
             }
-            a.f9(b);
+            a.gi(b);
         }
         bp() {
             this.n.b8();
@@ -447,13 +456,13 @@ export 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) {
@@ -486,7 +495,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             switch (a) {
                 case 2:
                     {
-                        let g = this.g.ez();
+                        let g = this.g.e5();
                         if (stringIsNullOrEmpty(g)) {
                             return;
                         }
@@ -531,7 +540,7 @@ export 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;
@@ -564,7 +573,7 @@ export 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 != "")) {
@@ -585,7 +594,7 @@ export 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;
@@ -680,7 +689,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (!this.r) {
                 this.a8(b.activeCell);
             }
-            this.cw();
+            this.cy();
         }
         cl(a) {
             this.b6(2, a);
@@ -694,40 +703,40 @@ export 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);
                 }
@@ -745,7 +754,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 MultiColumnComboBoxUtilities.c(this.af, c);
             }
         }
-        cs() {
+        cu() {
             if (!this.v) {
                 if (null != this.j) {
                     let a = this.f.text;
@@ -758,7 +767,7 @@ export 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;
@@ -792,7 +801,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.am.setStyleProperty("height", p);
             }
         }
-        ct() {
+        cv() {
             if (this.w) {
                 return;
             }
@@ -804,11 +813,11 @@ export 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;
@@ -820,19 +829,19 @@ export 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;
@@ -859,10 +868,10 @@ export 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) {
@@ -885,7 +894,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.d.headerClickAction = a;
             }
         }
-        cw() {
+        cy() {
             if (!this.t) {
                 return;
             }
@@ -905,7 +914,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 a.scrollToRowByIndex(0);
             }
         }
-        cx() {
+        cz() {
             if (null != this.aq) {
                 let a = this.g;
                 let b = a.itemsSource;
@@ -932,7 +941,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
                 this.a = null;
                 if (this.n != null && this.n.aw) {
-                    this.cz();
+                    this.c1();
                     this.n.b8();
                 }
             }
@@ -943,7 +952,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.ao = -1;
             }
         }
-        cy() {
+        c0() {
             if (null != this.aj) {
                 let a = this.f.actualLabelVisible;
                 if (a) {
@@ -964,8 +973,8 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.k.disabled = !a;
             }
         }
-        cz() {
-            this.cr();
+        c1() {
+            this.ct();
             if (!this.w) {
                 this.z = false;
             }
@@ -1000,7 +1009,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         get ad() {
             return this.ac;
         }
-        c0() {
+        c2() {
             if (null != this.al) {
                 this.al.setStyleProperty("box-sizing", "border-box");
             }
@@ -1036,7 +1045,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.r = true;
         }
         a9(a, b) {
-            this.ct();
+            this.cv();
         }
         ba(a, b) {
             if (typeCast(TextHeaderCellModel.$, b.cellInfo) !== null) {
@@ -1045,7 +1054,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.br();
         }
         bb(a, b) {
-            this.cr();
+            this.ct();
             this.bp();
         }
         bd(a, b) {
@@ -1055,10 +1064,10 @@ export 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));
         }
@@ -1066,7 +1075,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (b.isCompositionInProgress) {
                 return;
             }
-            this.f.f4(b);
+            this.f.gd(b);
             let c = b.value;
             this.b9(c);
         }
@@ -1078,7 +1087,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.cd();
         }
         bl(a, b) {
-            this.f.f6(b);
+            this.f.gf(b);
             if (b.defaultPrevented) {
                 return;
             }
@@ -1106,7 +1115,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 case 40:
                     if (d == 1) {
                         this.a3();
-                        this.ct();
+                        this.cv();
                         b.preventDefault();
                     }
                     else {
@@ -1188,15 +1197,15 @@ export 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");
@@ -1214,6 +1223,16 @@ export 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";
@@ -1228,108 +1247,111 @@ export 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;
@@ -1354,88 +1376,88 @@ export 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;
@@ -1444,7 +1466,7 @@ export 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;
@@ -1481,47 +1503,53 @@ export 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) {
@@ -1544,17 +1572,17 @@ export 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() {
@@ -1564,7 +1592,7 @@ export 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() {
@@ -1574,27 +1602,27 @@ export 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() {
@@ -1604,7 +1632,7 @@ export 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() {
@@ -1614,97 +1642,97 @@ export 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() {
@@ -1714,7 +1742,7 @@ export 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() {
@@ -1724,7 +1752,7 @@ export 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() {
@@ -1734,221 +1762,221 @@ export 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() {
@@ -1958,7 +1986,7 @@ export 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() {
@@ -1968,78 +1996,78 @@ export 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() {
@@ -2049,7 +2077,7 @@ export 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() {
@@ -2059,48 +2087,48 @@ export 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() {
@@ -2110,7 +2138,7 @@ export 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() {
@@ -2120,137 +2148,137 @@ export 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() {
@@ -2260,27 +2288,27 @@ export 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() {
@@ -2290,7 +2318,7 @@ export 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() {
@@ -2300,17 +2328,17 @@ export 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() {
@@ -2320,21 +2348,21 @@ export 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;
@@ -2342,7 +2370,7 @@ export 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) {
@@ -2350,11 +2378,11 @@ export 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 {
@@ -2381,7 +2409,7 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        ey(a) {
+        e4(a) {
             if (stringIsNullOrEmpty(a)) {
                 let b = this.actualDataSource;
                 if (null == b) {
@@ -2402,7 +2430,7 @@ export 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;
                 }
@@ -2411,7 +2439,7 @@ export 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);
                 }
@@ -2425,14 +2453,14 @@ export 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:
@@ -2441,8 +2469,8 @@ export 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();
@@ -2465,18 +2493,18 @@ export 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();
@@ -2497,40 +2525,40 @@ export 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();
@@ -2620,38 +2648,68 @@ export 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);
             }
@@ -2659,13 +2717,13 @@ export 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;
 })();
 /**