igniteui-webcomponents-grids 1.4.2 → 3.2.2

package/esm2015/lib/MultiColumnComboBoxView_combined.js

@@ -107,14 +107,14 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         }
         b2() {
             this.ag = this.ac.createElement("div");
-            this.ct();
+            this.cu();
             this.a1();
             this.a0();
             this.ak.append(this.ai);
-            this.cl();
-            this.cn();
+            this.cm();
+            this.co();
             document.addEventListener("click", runOn(this, this.a2), false);
-            window.addEventListener("resize", runOn(this, this.cz), false);
+            window.addEventListener("resize", runOn(this, this.c0), false);
         }
         aw(a) {
             let b = this.g.n();
@@ -139,7 +139,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (null != a) {
                 a.ao();
             }
-            this.cn();
+            this.co();
             let b = this.g.n();
             if (null != b) {
                 let c = b.eo;
@@ -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.cw();
+                this.cx();
             }
             this.ah = a.createElement("div");
             this.ah.addClass("ig-input");
@@ -218,7 +218,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             o.appendContentChild(this.ae);
             this.k.appendContentChild(m);
             this.k.inputs.add(o);
-            this.ci();
+            this.cj();
             let s = a.createElement("div");
             let t = a.getSubRenderer(s);
             let u = new XSuffix();
@@ -333,7 +333,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 if (null != d) {
                     if (d.b >= a && d.b <= b) {
                         this.cf(d.b);
-                        this.cu();
+                        this.cv();
                     }
                 }
             }
@@ -353,7 +353,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
             }
             else {
-                this.cs();
+                this.ct();
             }
         }
         b1(a, b) {
@@ -365,18 +365,18 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             return this.u(a);
         }
         a3() {
-            this.cx();
+            this.cy();
             this.bp();
             let a = this.n;
             if (a.t) {
                 return;
             }
-            let b = this.c0();
+            let b = this.c1();
             a.q = !this.w;
             a.showRelativeToExclusionRect(b, 1, 1);
-            this.cn();
+            this.co();
         }
-        c0() {
+        c1() {
             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);
@@ -530,7 +530,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             }
         }
         b7() {
-            this.cq();
+            this.cr();
             let a = this.f.text;
             let b = this.au.length;
             let c = !stringIsNullOrEmpty(a) ? a.length : 0;
@@ -549,7 +549,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.au = a;
             this.aa = !this.y;
             this.cc();
-            this.ci();
+            this.cj();
         }
         ca() {
             if (stringIsNullOrEmpty(this.au)) {
@@ -561,7 +561,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.b7();
             this.w = false;
         }
-        ci() {
+        cj() {
             if (this.ae != null && this.j != null) {
                 if (this.g.bi == false) {
                     this.ae.setStyleProperty("display", "none");
@@ -584,7 +584,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             a.selectedItemsChanged = delegateRemove(a.selectedItemsChanged, runOn(this, this.bd));
             this.v = true;
             try {
-                this.g.gc(this.au);
+                this.g.gd(this.au);
             }
             finally {
                 this.v = false;
@@ -670,7 +670,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
                 let f = this.g;
                 let g = this.g.n();
-                e = g.i7();
+                e = g.jc();
             }
             d.d = e;
             d.b = a;
@@ -679,53 +679,53 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (!this.r) {
                 this.a8(b.dd);
             }
-            this.cu();
+            this.cv();
         }
-        ck(a) {
+        cl(a) {
             this.b6(2, a);
         }
-        cj(a) {
+        ck(a) {
             this.b6(1, a);
         }
-        cl() {
+        cm() {
             let a = this.g;
             if (null != this.k) {
                 this.k.n = a.density;
                 this.k.j = a.ag;
-                this.k.oz = a.g7;
-                this.k.o0 = a.g8;
+                this.k.oz = a.g8;
+                this.k.o0 = a.g9;
                 this.k.cu = a.b3;
-                this.k.tk = a.h6;
-                this.k.m4 = a.gi;
+                this.k.tk = a.h7;
+                this.k.m4 = a.gj;
                 this.k.n = a.al;
-                this.k.sr = a.g9;
+                this.k.sr = a.ha;
                 this.k.hc = a.b4;
-                this.k.ss = a.ha;
+                this.k.ss = a.hb;
                 this.k.hd = a.b5;
                 this.k.he = a.b6;
-                this.k.st = a.hb;
+                this.k.st = a.hc;
                 this.k.hf = a.b7;
                 this.k.hg = a.b8;
-                this.k.s8 = a.hg;
+                this.k.s8 = a.hh;
                 this.k.h1 = a.b9;
-                this.k.s9 = a.hh;
+                this.k.s9 = a.hi;
                 this.k.h2 = a.ca;
                 this.k.h3 = a.cb;
                 this.k.h4 = a.cc;
             }
             if (null != this.j) {
-                this.j.dy = a.hf;
+                this.j.dy = a.hg;
                 this.j.ac = a.aw;
                 this.j.cb = a.fb;
             }
             if (null != this.l) {
                 this.l.text = a.e0;
-                this.l.df = a.hc;
+                this.l.df = a.hd;
                 this.l.y = a.au;
             }
             if (null != this.am) {
-                NativeUI.o(this.am, a.he);
-                NativeUI.k(this.am, a.hd);
+                NativeUI.o(this.am, a.hf);
+                NativeUI.k(this.am, a.he);
                 if (null != a.av) {
                     this.am.setStyleProperty("font", a.av.fontString);
                 }
@@ -733,17 +733,17 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.bp();
             }
             if (null != this.d) {
-                this.d.gb = a.density;
+                this.d.gd = a.density;
                 let b = a.columnHeadersVisible;
-                this.d.m0 = b ? -1 : 0;
-                this.d.na = a.rowSeparatorsVisible ? 1 : 0;
+                this.d.ng = b ? -1 : 0;
+                this.d.nr = a.rowSeparatorsVisible ? 1 : 0;
             }
             if (null != this.af) {
                 let c = a.dropDownButtonVisible;
                 MultiColumnComboBoxUtilities.c(this.af, c);
             }
         }
-        cq() {
+        cr() {
             if (!this.v) {
                 if (null != this.j) {
                     let a = this.f.text;
@@ -751,14 +751,14 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        cn() {
+        co() {
             let a = this.n;
             let b = null != a ? a.t : false;
             this.i.svgPath = b ? MultiColumnComboBoxView.as : MultiColumnComboBoxView.at;
         }
-        cp() {
-            let a = this.d.md + 3;
-            let b = this.d.me + this.d.na;
+        cq() {
+            let a = this.d.mt + 3;
+            let b = this.d.mu + this.d.nr;
             let c = this.d.actualDataSource;
             let d = null != c ? c.actualCount : 0;
             if (d > 8) {
@@ -775,7 +775,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 i = this.d.defaultColumnWidth.f;
             }
             g = h * i;
-            this.d.ld = 0;
+            this.d.ls = 0;
             g += 2;
             let j = stringFormat("{0}px", g);
             this.ag.setStyleProperty("width", j);
@@ -790,7 +790,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.am.setStyleProperty("height", p);
             }
         }
-        cr() {
+        cs() {
             if (this.w) {
                 return;
             }
@@ -802,11 +802,11 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     a.eo = null;
                 }
                 else {
-                    this.cs();
+                    this.ct();
                 }
             }
         }
-        cs() {
+        ct() {
             let a = this.g;
             if (null != a.value) {
                 let b = this.g.value;
@@ -818,24 +818,24 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ct() {
+        cu() {
             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.cv();
+                    this.cw();
                     this.d.ec = 1;
                     this.d.d9 = 0;
                     this.d.cy = 1;
                     this.d.defaultColumnWidth = this.f.defaultColumnWidth;
-                    this.co();
+                    this.cp();
                     this.d.cj = 0;
-                    this.d.iu = false;
-                    this.d.ik = false;
-                    this.d.ws = new CornerRadius(0, 0);
-                    this.d.h4 = false;
+                    this.d.i2 = false;
+                    this.d.it = false;
+                    this.d.xu = new CornerRadius(0, 0);
+                    this.d.ic = false;
                     let b = this.d;
                     b.activeCellChanged = delegateCombine(b.activeCellChanged, runOn(this, this.a7));
                     let c = this.d;
@@ -850,17 +850,17 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     g.actualColumnsChanged = delegateCombine(g.actualColumnsChanged, runOn(this, this.a9));
                     let h = this.d;
                     h.columnWidthChanged = delegateCombine(h.columnWidthChanged, runOn(this, this.bb));
-                    this.cl();
+                    this.cm();
                 }, false);
             }
         }
-        cm(a) {
+        cn(a) {
             if (this.d != null) {
                 this.d.defaultColumnWidth = a;
-                this.cp();
+                this.cq();
             }
         }
-        co() {
+        cp() {
             if (this.d != null) {
                 let a = 0;
                 switch (this.f.x) {
@@ -883,7 +883,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.d.em = a;
             }
         }
-        cu() {
+        cv() {
             if (!this.t) {
                 return;
             }
@@ -896,14 +896,14 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     if (null == d) {
                         return;
                     }
-                    a.j4(d);
+                    a.ki(d);
                 }
             }
             else {
-                a.vw(0);
+                a.wy(0);
             }
         }
-        cv() {
+        cw() {
             if (null != this.aq) {
                 let a = this.g;
                 let b = a.itemsSource;
@@ -929,6 +929,10 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     }
                 }
                 this.a = null;
+                if (this.n != null && this.n.t) {
+                    this.cy();
+                    this.n.ar();
+                }
             }
         }
         av(a, b) {
@@ -937,7 +941,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.ao = -1;
             }
         }
-        cw() {
+        cx() {
             if (null != this.aj) {
                 let a = this.f.actualLabelVisible;
                 if (a) {
@@ -958,8 +962,8 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.k.disabled = !a;
             }
         }
-        cx() {
-            this.cp();
+        cy() {
+            this.cq();
             if (!this.w) {
                 this.z = false;
             }
@@ -980,6 +984,11 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.j.dg();
             }
         }
+        ci(a) {
+            if (this.j != null) {
+                this.j.e = a;
+            }
+        }
         get al() {
             return this.ak;
         }
@@ -989,7 +998,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         get ad() {
             return this.ac;
         }
-        cy() {
+        cz() {
             if (null != this.al) {
                 this.al.setStyleProperty("box-sizing", "border-box");
             }
@@ -1025,7 +1034,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.r = true;
         }
         a9(a, b) {
-            this.cr();
+            this.cs();
         }
         ba(a, b) {
             if (typeCast(TextHeaderCellModel.$, b.cellInfo) !== null) {
@@ -1034,20 +1043,20 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.br();
         }
         bb(a, b) {
-            this.cp();
+            this.cq();
             this.bp();
         }
         bd(a, b) {
             this.bc();
             this.s = true;
-            this.ci();
+            this.cj();
         }
         be(a, b) {
             this.t = b.b != 0 && b.a != 0;
-            this.cu();
+            this.cv();
         }
         bf(a, b) {
-            this.cu();
+            this.cv();
             let c = this.d;
             c.viewportChanged = delegateRemove(c.viewportChanged, runOn(this, this.bf));
         }
@@ -1095,7 +1104,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 case 40:
                     if (d == 1) {
                         this.a3();
-                        this.cr();
+                        this.cs();
                         b.preventDefault();
                     }
                     else {
@@ -1105,7 +1114,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                         }
                         let k = this.e.dd;
                         if (null != j.dd) {
-                            this.d.jj(false, false);
+                            this.d.jx(false, false);
                             b.preventDefault();
                         }
                         else {
@@ -1132,7 +1141,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                         }
                         let o = this.e.dd;
                         if (null != n.dd) {
-                            this.d.jw(false, false);
+                            this.d.ka(false, false);
                             b.preventDefault();
                         }
                         else {
@@ -1177,12 +1186,12 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.bz();
             }
         }
-        cz(a) {
+        c0(a) {
             let b = this.n;
             if (null == b || false == b.t) {
                 return;
             }
-            let c = this.c0();
+            let c = this.c1();
             this.m.as(c);
         }
     }
@@ -1200,22 +1209,22 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this.c4 = null;
-            this.hn = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.r7, XInputGroup.qr);
-            this.ho = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.r8, XInputGroup.qs);
+            this.ho = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.r7, XInputGroup.qr);
+            this.hp = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.r8, XInputGroup.qs);
             this.cf = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gk, XInputGroup.er);
-            this.h8 = ThemeResolver.f(MultiColumnComboBox.af, XInputGroup.ty, XInputGroup.ts);
-            this.gk = ThemeResolver.d(MultiColumnComboBox.af, XInputGroup.ni, XInputGroup.nc);
-            this.hp = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.r9, XInputGroup.qt);
+            this.h9 = ThemeResolver.f(MultiColumnComboBox.af, XInputGroup.ty, XInputGroup.ts);
+            this.gl = ThemeResolver.d(MultiColumnComboBox.af, XInputGroup.ni, XInputGroup.nc);
+            this.hq = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.r9, XInputGroup.qt);
             this.cg = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gl, XInputGroup.es);
-            this.hq = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sb, XInputGroup.qv);
+            this.hr = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sb, XInputGroup.qv);
             this.ch = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gm, XInputGroup.et);
             this.ci = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gn, XInputGroup.eu);
-            this.hr = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sc, XInputGroup.qw);
+            this.hs = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sc, XInputGroup.qw);
             this.cj = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.go, XInputGroup.ev);
             this.ck = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gp, XInputGroup.ew);
-            this.hs = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sd, XInputGroup.qx);
+            this.ht = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sd, XInputGroup.qx);
             this.cl = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gq, XInputGroup.ex);
-            this.ht = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.se, XInputGroup.qy);
+            this.hu = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.se, XInputGroup.qy);
             this.cm = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gr, XInputGroup.ey);
             this.cn = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gs, XInputGroup.ez);
             this.co = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gt, XInputGroup.e0);
@@ -1225,66 +1234,66 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
             this.a8 = true;
             this.c = null;
             this.o = ColumnWidth.a;
-            this.gw = null;
-            this.gl = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.rd, XInputGroup.px);
+            this.gx = null;
+            this.gm = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.rd, XInputGroup.px);
             this.ae = 0;
             this.ad = 1;
-            this.gx = null;
-            this.gm = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.re, XInputGroup.py);
+            this.gy = null;
+            this.gn = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.re, XInputGroup.py);
             this.bt = NaN;
             this.bj = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.fu, XInputGroup.d1);
             this.bc = true;
-            this.h5 = new Thickness(1, NaN, NaN, NaN, NaN);
-            this.h4 = ThemeResolver.f(MultiColumnComboBox.af, XInputGroup.tw, XInputGroup.tq);
-            this.gh = new CornerRadius(1, NaN, NaN, NaN, NaN);
-            this.gg = ThemeResolver.d(MultiColumnComboBox.af, XInputGroup.ng, XInputGroup.na);
+            this.h6 = new Thickness(1, NaN, NaN, NaN, NaN);
+            this.h5 = ThemeResolver.f(MultiColumnComboBox.af, XInputGroup.tw, XInputGroup.tq);
+            this.gi = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.gh = ThemeResolver.d(MultiColumnComboBox.af, XInputGroup.ng, XInputGroup.na);
             this.b = null;
             this.ak = 0;
             this.aj = 0;
             this.be = true;
-            this.gy = null;
-            this.gn = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.rv, XInputGroup.qf);
+            this.gz = null;
+            this.go = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.rv, XInputGroup.qf);
             this.bu = NaN;
             this.bk = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.f5, XInputGroup.ec);
-            this.gz = null;
-            this.go = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.rx, XInputGroup.qh);
+            this.g0 = null;
+            this.gp = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.rx, XInputGroup.qh);
             this.bv = NaN;
             this.bl = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.f6, XInputGroup.ed);
             this.bw = NaN;
             this.bm = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.f7, XInputGroup.ee);
-            this.g0 = null;
-            this.gp = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.ry, XInputGroup.qi);
+            this.g1 = null;
+            this.gq = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.ry, XInputGroup.qi);
             this.bx = NaN;
             this.bn = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.f8, XInputGroup.ef);
             this.by = NaN;
             this.bo = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.f9, XInputGroup.eg);
             this.cy = null;
             this.e2 = null;
-            this.g1 = null;
-            this.gq = MultiColumnComboBox.hk;
+            this.g2 = null;
+            this.gr = MultiColumnComboBox.hl;
             this.ar = null;
             this.ao = null;
             this.a9 = false;
             this.e5 = null;
             this.ds = "No Matches Found";
-            this.g2 = null;
-            this.gr = MultiColumnComboBox.hl;
             this.g3 = null;
             this.gs = MultiColumnComboBox.hm;
+            this.g4 = null;
+            this.gt = MultiColumnComboBox.hn;
             this.as = null;
             this.ap = null;
             this.fc = "";
             this.a7 = true;
-            this.g4 = MultiColumnComboBox.hu;
-            this.gt = MultiColumnComboBox.hu;
+            this.g5 = MultiColumnComboBox.hv;
+            this.gu = MultiColumnComboBox.hv;
             this.at = null;
             this.aq = null;
-            this.g5 = null;
-            this.gu = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sf, XInputGroup.qz);
+            this.g6 = null;
+            this.gv = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sf, XInputGroup.qz);
             this.bz = NaN;
             this.bp = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gu, XInputGroup.e1);
-            this.g6 = null;
-            this.gv = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sg, XInputGroup.q0);
+            this.g7 = null;
+            this.gw = ThemeResolver.e(MultiColumnComboBox.af, XInputGroup.sg, XInputGroup.q0);
             this.b0 = NaN;
             this.bq = ThemeResolver.b(MultiColumnComboBox.af, XInputGroup.gv, XInputGroup.e2);
             this.b1 = NaN;
@@ -1327,28 +1336,28 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
         f9(a, b, c) {
             switch (a) {
                 case "BackgroundColor":
-                    this.g7 = this.hi != null ? this.hi : this.hn;
+                    this.g8 = this.hj != null ? this.hj : this.ho;
                     break;
                 case "BorderColor":
-                    this.g8 = this.hj != null ? this.hj : this.ho;
+                    this.g9 = this.hk != null ? this.hk : this.hp;
                     break;
                 case "BorderWidth":
                     this.b3 = !isNaN_(this.cd) ? this.cd : this.cf;
                     break;
                 case "ContentPadding":
-                    this.h6 = XInputGroup.tj(this.h7, this.h8);
+                    this.h7 = XInputGroup.tj(this.h8, this.h9);
                     break;
                 case "CornerRadius":
-                    this.gi = XInputGroup.m3(this.gj, this.gk);
+                    this.gj = XInputGroup.m3(this.gk, this.gl);
                     break;
                 case "FocusBorderColor":
-                    this.g9 = this.hv != null ? this.hv : this.hp;
+                    this.ha = this.hw != null ? this.hw : this.hq;
                     break;
                 case "FocusBorderWidth":
                     this.b4 = !isNaN_(this.cp) ? this.cp : this.cg;
                     break;
                 case "FocusUnderlineColor":
-                    this.ha = this.hw != null ? this.hw : this.hq;
+                    this.hb = this.hx != null ? this.hx : this.hr;
                     break;
                 case "FocusUnderlineOpacity":
                     this.b5 = !isNaN_(this.cq) ? this.cq : this.ch;
@@ -1357,7 +1366,7 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                     this.b6 = !isNaN_(this.cr) ? this.cr : this.ci;
                     break;
                 case "HoverUnderlineColor":
-                    this.hb = this.hx != null ? this.hx : this.hr;
+                    this.hc = this.hy != null ? this.hy : this.hs;
                     break;
                 case "HoverUnderlineOpacity":
                     this.b7 = !isNaN_(this.cs) ? this.cs : this.cj;
@@ -1369,34 +1378,34 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 case "ValueField":
                 case "DataSourceDesiredProperties":
                 case "Fields":
-                    this.v.cv();
+                    this.v.cw();
                     break;
                 case "DefaultColumnWidth":
-                    this.v.cm(this.defaultColumnWidth);
+                    this.v.cn(this.defaultColumnWidth);
                     break;
                 case "LabelTextColor":
-                    this.hc = this.hy != null ? this.hy : MultiColumnComboBox.hk;
+                    this.hd = this.hz != null ? this.hz : MultiColumnComboBox.hl;
                     break;
                 case "LabelTextStyle":
                     this.au = this.a1 != null ? this.a1 : MultiColumnComboBox.ax;
                     break;
                 case "NoMatchesFoundLabelTextColor":
-                    this.he = this.h0 != null ? this.h0 : MultiColumnComboBox.hm;
+                    this.hf = this.h1 != null ? this.h1 : MultiColumnComboBox.hn;
                     break;
                 case "NoMatchesFoundLabelBackgroundColor":
-                    this.hd = this.hz != null ? this.hz : MultiColumnComboBox.hl;
+                    this.he = this.h0 != null ? this.h0 : MultiColumnComboBox.hm;
                     break;
                 case "NoMatchesFoundLabelTextStyle":
                     this.av = this.a2 != null ? this.a2 : MultiColumnComboBox.ay;
                     break;
                 case "UnderlineColor":
-                    this.hg = this.h2 != null ? this.h2 : this.hs;
+                    this.hh = this.h3 != null ? this.h3 : this.ht;
                     break;
                 case "UnderlineOpacity":
                     this.b9 = !isNaN_(this.cu) ? this.cu : this.cl;
                     break;
                 case "UnderlineRippleColor":
-                    this.hh = this.h3 != null ? this.h3 : this.ht;
+                    this.hi = this.h4 != null ? this.h4 : this.hu;
                     break;
                 case "UnderlineRippleOpacity":
                     this.ca = !isNaN_(this.cv) ? this.cv : this.cm;
@@ -1414,7 +1423,7 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                     this.al = this.density == 0 ? 0 : this.density;
                     break;
                 case "TextColor":
-                    this.hf = this.h1 != null ? this.h1 : MultiColumnComboBox.hu;
+                    this.hg = this.h2 != null ? this.h2 : MultiColumnComboBox.hv;
                     break;
                 case "TextStyle":
                     this.aw = this.a3 != null ? this.a3 : null;
@@ -1452,21 +1461,21 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 case "ActualNoMatchesFoundLabelTextColor":
                 case "ActualNoMatchesFoundLabelTextStyle":
                 case MultiColumnComboBox.du:
-                    this.v.cl();
+                    this.v.cm();
                     break;
                 case "NoMatchesFoundLabel":
                     this.actualNoMatchesFoundLabel = stringIsNullOrEmpty(this.e6) ? "No Matches Found" : this.e6;
                     break;
                 case "ActualLabelVisible":
-                    this.v.cw();
+                    this.v.cx();
                     break;
                 case "Label":
                 case "PlaceholderText":
-                    this.v.cl();
+                    this.v.cm();
                     this.actualLabelVisible = !stringIsNullOrEmpty(this.e2);
                     break;
                 case "Text":
-                    this.v.cq();
+                    this.v.cr();
                     let d = b != null ? b.toString() : null;
                     let e = c != null ? c.toString() : null;
                     this.f7(new MultiColumnComboBoxTextChangedEventArgs(d, e));
@@ -1477,23 +1486,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                     this.f8(0, c);
                     break;
                 case "ShowClearButton":
-                    this.v.ci();
+                    this.v.cj();
                     break;
                 case "AllowFilter":
                     this.v.a5(this.bb);
                     break;
                 case "SortMode":
-                    this.v.co();
+                    this.v.cp();
                     break;
             }
         }
-        gf() {
-            this.v.cy();
+        gg() {
+            this.v.cz();
         }
         get a0() {
             if (null == this.az) {
                 this.az = new FontInfo();
-                this.az.n = "'Segoe UI', Verdana";
+                this.az.n = "Verdana";
                 this.az.d = DeviceUtils.f(16);
             }
             return this.az;
@@ -1501,6 +1510,9 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
         focus(a) {
             this.v.a6(a);
         }
+        setName(a) {
+            this.v.ci(a);
+        }
         get bi() {
             return this.a8;
         }
@@ -1531,23 +1543,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("DefaultColumnWidth", b, this.o);
             }
         }
-        get hi() {
-            return this.gw;
+        get hj() {
+            return this.gx;
         }
-        set hi(a) {
-            let b = this.gw;
-            this.gw = a;
-            if (b != this.gw) {
+        set hj(a) {
+            let b = this.gx;
+            this.gx = a;
+            if (b != this.gx) {
                 this.f4("BackgroundColor", b, a);
             }
         }
-        get g7() {
-            return this.gl;
+        get g8() {
+            return this.gm;
         }
-        set g7(a) {
-            let b = this.gl;
-            this.gl = a;
-            if (b != this.gl) {
+        set g8(a) {
+            let b = this.gm;
+            this.gm = a;
+            if (b != this.gm) {
                 this.f4("ActualBackgroundColor", b, a);
             }
         }
@@ -1571,23 +1583,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("ActualBaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         }
-        get hj() {
-            return this.gx;
+        get hk() {
+            return this.gy;
         }
-        set hj(a) {
-            let b = this.gx;
-            this.gx = a;
-            if (b != this.gx) {
+        set hk(a) {
+            let b = this.gy;
+            this.gy = a;
+            if (b != this.gy) {
                 this.f4("BorderColor", b, a);
             }
         }
-        get g8() {
-            return this.gm;
+        get g9() {
+            return this.gn;
         }
-        set g8(a) {
-            let b = this.gm;
-            this.gm = a;
-            if (b != this.gm) {
+        set g9(a) {
+            let b = this.gn;
+            this.gn = a;
+            if (b != this.gn) {
                 this.f4("ActualBorderColor", b, a);
             }
         }
@@ -1621,6 +1633,16 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("ColumnHeadersVisible", b, a);
             }
         }
+        get h8() {
+            return this.h6;
+        }
+        set h8(a) {
+            let b = this.h6;
+            this.h6 = a;
+            if (b != this.h6) {
+                this.f4("ContentPadding", b, a);
+            }
+        }
         get h7() {
             return this.h5;
         }
@@ -1628,17 +1650,17 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.h5;
             this.h5 = a;
             if (b != this.h5) {
-                this.f4("ContentPadding", b, a);
+                this.f4("ActualContentPadding", b, a);
             }
         }
-        get h6() {
-            return this.h4;
+        get gk() {
+            return this.gi;
         }
-        set h6(a) {
-            let b = this.h4;
-            this.h4 = a;
-            if (b != this.h4) {
-                this.f4("ActualContentPadding", b, a);
+        set gk(a) {
+            let b = this.gi;
+            this.gi = a;
+            if (b != this.gi) {
+                this.f4("CornerRadius", b, a);
             }
         }
         get gj() {
@@ -1648,16 +1670,6 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.gh;
             this.gh = a;
             if (b != this.gh) {
-                this.f4("CornerRadius", b, a);
-            }
-        }
-        get gi() {
-            return this.gg;
-        }
-        set gi(a) {
-            let b = this.gg;
-            this.gg = a;
-            if (b != this.gg) {
                 this.f4("ActualCornerRadius", b, a);
             }
         }
@@ -1701,23 +1713,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("DropDownButtonVisible", b, a);
             }
         }
-        get hv() {
-            return this.gy;
+        get hw() {
+            return this.gz;
         }
-        set hv(a) {
-            let b = this.gy;
-            this.gy = a;
-            if (b != this.gy) {
+        set hw(a) {
+            let b = this.gz;
+            this.gz = a;
+            if (b != this.gz) {
                 this.f4("FocusBorderColor", b, a);
             }
         }
-        get g9() {
-            return this.gn;
+        get ha() {
+            return this.go;
         }
-        set g9(a) {
-            let b = this.gn;
-            this.gn = a;
-            if (b != this.gn) {
+        set ha(a) {
+            let b = this.go;
+            this.go = a;
+            if (b != this.go) {
                 this.f4("ActualFocusBorderColor", b, a);
             }
         }
@@ -1741,23 +1753,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("ActualFocusBorderWidth", b, a);
             }
         }
-        get hw() {
-            return this.gz;
+        get hx() {
+            return this.g0;
         }
-        set hw(a) {
-            let b = this.gz;
-            this.gz = a;
-            if (b != this.gz) {
+        set hx(a) {
+            let b = this.g0;
+            this.g0 = a;
+            if (b != this.g0) {
                 this.f4("FocusUnderlineColor", b, a);
             }
         }
-        get ha() {
-            return this.go;
+        get hb() {
+            return this.gp;
         }
-        set ha(a) {
-            let b = this.go;
-            this.gz = a;
-            if (b != this.go) {
+        set hb(a) {
+            let b = this.gp;
+            this.g0 = a;
+            if (b != this.gp) {
                 this.f4("ActualFocusUnderlineColor", b, a);
             }
         }
@@ -1801,23 +1813,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("ActualFocusUnderlineRippleOpacity", b, a);
             }
         }
-        get hx() {
-            return this.g0;
+        get hy() {
+            return this.g1;
         }
-        set hx(a) {
-            let b = this.g0;
-            this.g0 = a;
-            if (b != this.g0) {
+        set hy(a) {
+            let b = this.g1;
+            this.g1 = a;
+            if (b != this.g1) {
                 this.f4("HoverUnderlineColor", b, a);
             }
         }
-        get hb() {
-            return this.gp;
+        get hc() {
+            return this.gq;
         }
-        set hb(a) {
-            let b = this.gp;
-            this.gp = a;
-            if (b != this.gp) {
+        set hc(a) {
+            let b = this.gq;
+            this.gq = a;
+            if (b != this.gq) {
                 this.f4("ActualHoverUnderlineColor", b, a);
             }
         }
@@ -1885,23 +1897,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
             this.e2 = a;
             this.f4("Label", b, this.e2);
         }
-        get hy() {
-            return this.g1;
+        get hz() {
+            return this.g2;
         }
-        set hy(a) {
-            let b = this.g1;
-            this.g1 = a;
-            if (b != this.g1) {
+        set hz(a) {
+            let b = this.g2;
+            this.g2 = a;
+            if (b != this.g2) {
                 this.f4("LabelTextColor", b, a);
             }
         }
-        get hc() {
-            return this.gq;
+        get hd() {
+            return this.gr;
         }
-        set hc(a) {
-            let b = this.gq;
-            this.gq = a;
-            if (b != this.gq) {
+        set hd(a) {
+            let b = this.gr;
+            this.gr = a;
+            if (b != this.gr) {
                 this.f4("ActualLabelTextColor", b, a);
             }
         }
@@ -1956,26 +1968,6 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("ActualNoMatchesFoundLabel", b, a);
             }
         }
-        get hz() {
-            return this.g2;
-        }
-        set hz(a) {
-            let b = this.g2;
-            this.g2 = a;
-            if (b != this.g2) {
-                this.f4("NoMatchesFoundLabelBackgroundColor", b, a);
-            }
-        }
-        get hd() {
-            return this.gr;
-        }
-        set hd(a) {
-            let b = this.gr;
-            this.gr = a;
-            if (b != this.gr) {
-                this.f4(MultiColumnComboBox.du, b, a);
-            }
-        }
         get h0() {
             return this.g3;
         }
@@ -1983,7 +1975,7 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.g3;
             this.g3 = a;
             if (b != this.g3) {
-                this.f4("NoMatchesFoundLabelTextColor", b, a);
+                this.f4("NoMatchesFoundLabelBackgroundColor", b, a);
             }
         }
         get he() {
@@ -1993,6 +1985,26 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
             let b = this.gs;
             this.gs = a;
             if (b != this.gs) {
+                this.f4(MultiColumnComboBox.du, b, a);
+            }
+        }
+        get h1() {
+            return this.g4;
+        }
+        set h1(a) {
+            let b = this.g4;
+            this.g4 = a;
+            if (b != this.g4) {
+                this.f4("NoMatchesFoundLabelTextColor", b, a);
+            }
+        }
+        get hf() {
+            return this.gt;
+        }
+        set hf(a) {
+            let b = this.gt;
+            this.gt = a;
+            if (b != this.gt) {
                 this.f4("ActualNoMatchesFoundLabelTextColor", b, a);
             }
         }
@@ -2037,23 +2049,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("RowSeparatorsVisible", b, a);
             }
         }
-        get h1() {
-            return this.g4;
+        get h2() {
+            return this.g5;
         }
-        set h1(a) {
-            let b = this.g4;
-            this.g4 = a;
-            if (b != this.g4) {
+        set h2(a) {
+            let b = this.g5;
+            this.g5 = a;
+            if (b != this.g5) {
                 this.f4("TextColor", b, a);
             }
         }
-        get hf() {
-            return this.gt;
+        get hg() {
+            return this.gu;
         }
-        set hf(a) {
-            let b = this.gt;
-            this.gt = a;
-            if (b != this.gt) {
+        set hg(a) {
+            let b = this.gu;
+            this.gu = a;
+            if (b != this.gu) {
                 this.f4("ActualTextColor", b, a);
             }
         }
@@ -2077,23 +2089,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("ActualTextStyle", b, this.aq);
             }
         }
-        get h2() {
-            return this.g5;
+        get h3() {
+            return this.g6;
         }
-        set h2(a) {
-            let b = this.g5;
-            this.g5 = a;
-            if (b != this.g5) {
+        set h3(a) {
+            let b = this.g6;
+            this.g6 = a;
+            if (b != this.g6) {
                 this.f4("UnderlineColor", b, a);
             }
         }
-        get hg() {
-            return this.gu;
+        get hh() {
+            return this.gv;
         }
-        set hg(a) {
-            let b = this.gu;
-            this.gu = a;
-            if (b != this.gu) {
+        set hh(a) {
+            let b = this.gv;
+            this.gv = a;
+            if (b != this.gv) {
                 this.f4("ActualUnderlineColor", b, a);
             }
         }
@@ -2117,23 +2129,23 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 this.f4("ActualUnderlineOpacity", b, a);
             }
         }
-        get h3() {
-            return this.g6;
+        get h4() {
+            return this.g7;
         }
-        set h3(a) {
-            let b = this.g6;
-            this.g6 = a;
-            if (b != this.g6) {
+        set h4(a) {
+            let b = this.g7;
+            this.g7 = a;
+            if (b != this.g7) {
                 this.f4("UnderlineRippleColor", b, a);
             }
         }
-        get hh() {
-            return this.gv;
+        get hi() {
+            return this.gw;
         }
-        set hh(a) {
-            let b = this.gv;
-            this.gv = a;
-            if (b != this.gv) {
+        set hi(a) {
+            let b = this.gw;
+            this.gw = a;
+            if (b != this.gw) {
                 this.f4("ActualUnderlineRippleColor", b, a);
             }
         }
@@ -2329,7 +2341,7 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 return c._inner[0];
             }
             for (let d of fromEnum(c)) {
-                if (0 == StringComparer.b.compare(d.i2, a)) {
+                if (0 == StringComparer.b.compare(d.i7, a)) {
                     return d;
                 }
             }
@@ -2411,26 +2423,26 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                         }
                         break;
                     case 1:
-                        this.v.ck(b.toString());
+                        this.v.cl(b.toString());
                         break;
                     case 0:
-                        this.v.cj(b);
+                        this.v.ck(b);
                         break;
                 }
             }
             finally {
                 this.bg = false;
             }
-            this.v.ci();
+            this.v.cj();
         }
-        gc(a) {
+        gd(a) {
             this.text = a;
         }
-        ge() {
+        gf() {
             this.aw = (null == this.a3) ? this.a0 : this.a3;
             this.au = (null == this.a1) ? this.a0 : this.a1;
         }
-        gd() {
+        ge() {
         }
         closeUp() {
             this.v.az();
@@ -2460,34 +2472,34 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
         }
         l() {
             let a = new MultiColumnComboVisualModelExport();
-            a.a = AppearanceHelper.a(this.g7);
+            a.a = AppearanceHelper.a(this.g8);
             a.j = this.ag;
-            a.b = AppearanceHelper.a(this.g8);
+            a.b = AppearanceHelper.a(this.g9);
             a.p = this.b3;
             a.columnHeadersVisible = this.columnHeadersVisible;
-            a.au = this.h6;
-            a.at = this.gi;
+            a.au = this.h7;
+            a.at = this.gj;
             a.k = this.al;
             a.dropDownButtonVisible = this.dropDownButtonVisible;
             a.q = this.b5;
             a.aa = this.e0;
-            a.c = AppearanceHelper.a(this.hc);
+            a.c = AppearanceHelper.a(this.hd);
             a.actualLabelVisible = this.actualLabelVisible;
             a.actualNoMatchesFoundLabel = this.actualNoMatchesFoundLabel;
-            a.d = AppearanceHelper.a(this.hd);
-            a.e = AppearanceHelper.a(this.he);
+            a.d = AppearanceHelper.a(this.he);
+            a.e = AppearanceHelper.a(this.hf);
             a.al = this.fb;
             a.rowSeparatorsVisible = this.rowSeparatorsVisible;
-            a.f = AppearanceHelper.a(this.hf);
-            a.g = AppearanceHelper.a(this.hg);
+            a.f = AppearanceHelper.a(this.hg);
+            a.g = AppearanceHelper.a(this.hh);
             a.r = this.b9;
-            a.h = AppearanceHelper.a(this.hh);
+            a.h = AppearanceHelper.a(this.hi);
             a.s = this.ca;
             a.t = this.cb;
             a.u = this.cc;
             a.an = this.text;
             a.y = this.value;
-            a.i = this.v.e.nj();
+            a.i = this.v.e.n0();
             if (this.au != null) {
                 let b = this.au;
                 if (this.v != null && b.n == null) {
@@ -2613,13 +2625,13 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
     }
     MultiColumnComboBox.$t = /*@__PURE__*/ markType(MultiColumnComboBox, 'MultiColumnComboBox', Base.$, [INotifyPropertyChanged_$type]);
     MultiColumnComboBox.af = 1;
-    MultiColumnComboBox.hk = /*@__PURE__*/ ThemeResolver.e(MultiColumnComboBox.af, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hm = /*@__PURE__*/ ThemeResolver.e(MultiColumnComboBox.af, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hl = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
+    MultiColumnComboBox.hl = /*@__PURE__*/ ThemeResolver.e(MultiColumnComboBox.af, XLabel.da, XLabel.c3);
+    MultiColumnComboBox.hn = /*@__PURE__*/ ThemeResolver.e(MultiColumnComboBox.af, XLabel.da, XLabel.c3);
+    MultiColumnComboBox.hm = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
     MultiColumnComboBox.ax = null;
     MultiColumnComboBox.du = "ActualNoMatchesFoundLabelBackgroundColor";
     MultiColumnComboBox.ay = null;
-    MultiColumnComboBox.hu = /*@__PURE__*/ BrushUtil.g(221, 0, 0, 0);
+    MultiColumnComboBox.hv = /*@__PURE__*/ BrushUtil.g(221, 0, 0, 0);
     return MultiColumnComboBox;
 })();
 /**