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

package/fesm2015/igniteui-webcomponents-grids.js

@@ -846,42 +846,42 @@ let GridStyleRepository = /*@__PURE__*/ (() => {
         static get l() {
             if (GridStyleRepository.g == null) {
                 GridStyleRepository.g = new FontInfo();
-                GridStyleRepository.g.d = DeviceUtils.f(13);
-                GridStyleRepository.g.n = "Verdana";
+                GridStyleRepository.g.e = DeviceUtils.f(13);
+                GridStyleRepository.g.p = "Verdana";
             }
             return GridStyleRepository.g;
         }
         static get k() {
             if (GridStyleRepository.f == null) {
                 GridStyleRepository.f = new FontInfo();
-                GridStyleRepository.f.d = DeviceUtils.f(13);
-                GridStyleRepository.f.q = "italic";
-                GridStyleRepository.f.n = "Verdana";
+                GridStyleRepository.f.e = DeviceUtils.f(13);
+                GridStyleRepository.f.s = "italic";
+                GridStyleRepository.f.p = "Verdana";
             }
             return GridStyleRepository.f;
         }
         static get h() {
             if (GridStyleRepository.c == null) {
                 GridStyleRepository.c = new FontInfo();
-                GridStyleRepository.c.d = DeviceUtils.f(14);
-                GridStyleRepository.c.n = "Verdana";
+                GridStyleRepository.c.e = DeviceUtils.f(14);
+                GridStyleRepository.c.p = "Verdana";
             }
             return GridStyleRepository.c;
         }
         static get j() {
             if (GridStyleRepository.d == null) {
                 GridStyleRepository.d = new FontInfo();
-                GridStyleRepository.d.d = DeviceUtils.f(12);
-                GridStyleRepository.d.s = "600";
-                GridStyleRepository.d.n = "Verdana";
+                GridStyleRepository.d.e = DeviceUtils.f(12);
+                GridStyleRepository.d.u = "600";
+                GridStyleRepository.d.p = "Verdana";
             }
             return GridStyleRepository.d;
         }
         static get i() {
             if (GridStyleRepository.e == null) {
                 GridStyleRepository.e = new FontInfo();
-                GridStyleRepository.e.d = DeviceUtils.f(12);
-                GridStyleRepository.e.n = "Verdana";
+                GridStyleRepository.e.e = DeviceUtils.f(12);
+                GridStyleRepository.e.p = "Verdana";
             }
             return GridStyleRepository.e;
         }
@@ -6494,10 +6494,10 @@ let ColumnFilterCondition = /*@__PURE__*/ (() => {
             super(...arguments);
             this.b = null;
         }
-        c() {
+        isGroup() {
             return false;
         }
-        a(a, b) {
+        resolveFilter(a, b) {
             return null;
         }
     }
@@ -6511,12 +6511,12 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
     class ColumnComparisonFilterCondition extends ColumnFilterCondition {
         constructor() {
             super();
-            this.f = 0;
-            this.l = null;
-            this.i = false;
-            this.i = true;
+            this._operator = 0;
+            this._value = null;
+            this._isCaseSensitive = false;
+            this.isCaseSensitive = true;
         }
-        static d(a) {
+        static getApplicableOperators(a) {
             let b = new List$1(ColumnComparisonConditionOperatorType_$type, 0);
             switch (a) {
                 case 11: break;
@@ -6559,34 +6559,52 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                 return false;
             }
             let b = a;
-            if (b.f != this.f) {
+            if (b.operator != this.operator) {
                 return false;
             }
-            if (!Base.equalsStatic(b.l, this.l)) {
+            if (!Base.equalsStatic(b.value, this.value)) {
                 return false;
             }
-            if (!Base.equalsStatic(b.i, this.i)) {
+            if (!Base.equalsStatic(b.isCaseSensitive, this.isCaseSensitive)) {
                 return false;
             }
             return true;
         }
-        a(a, b) {
-            return this.h(a, b, this.f);
+        get operator() {
+            return this._operator;
+        }
+        set operator(a) {
+            this._operator = a;
+        }
+        get value() {
+            return this._value;
+        }
+        set value(a) {
+            this._value = a;
+        }
+        get isCaseSensitive() {
+            return this._isCaseSensitive;
+        }
+        set isCaseSensitive(a) {
+            this._isCaseSensitive = a;
+        }
+        resolveFilter(a, b) {
+            return this.h(a, b, this.operator);
         }
         h(a, b, c) {
             switch (c) {
                 case 12:
                     {
-                        if (this.l == null) {
+                        if (this.value == null) {
                             return null;
                         }
                         let d = FilterFactory.instance.property(a);
-                        let e = FilterFactory.instance.literal(this.l);
+                        let e = FilterFactory.instance.literal(this.value);
                         d = ColumnComparisonFilterCondition.g(b, d);
                         if (null == d) {
                             return null;
                         }
-                        if (!this.i) {
+                        if (!this.isCaseSensitive) {
                             d = d.toLower();
                             e = e.toLower();
                         }
@@ -6594,16 +6612,16 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 13:
                     {
-                        if (this.l == null) {
+                        if (this.value == null) {
                             return null;
                         }
                         let f = FilterFactory.instance.property(a);
-                        let g = FilterFactory.instance.literal(this.l);
+                        let g = FilterFactory.instance.literal(this.value);
                         f = ColumnComparisonFilterCondition.g(b, f);
                         if (null == f) {
                             return null;
                         }
-                        if (!this.i) {
+                        if (!this.isCaseSensitive) {
                             f = f.toLower();
                             g = g.toLower();
                         }
@@ -6611,16 +6629,16 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 17:
                     {
-                        if (this.l == null) {
+                        if (this.value == null) {
                             return null;
                         }
                         let h = FilterFactory.instance.property(a);
-                        let i = FilterFactory.instance.literal(this.l);
+                        let i = FilterFactory.instance.literal(this.value);
                         h = ColumnComparisonFilterCondition.g(b, h);
                         if (null == h) {
                             return null;
                         }
-                        if (!this.i) {
+                        if (!this.isCaseSensitive) {
                             h = h.toLower();
                             i = i.toLower();
                         }
@@ -6628,16 +6646,16 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 15:
                     {
-                        if (this.l == null) {
+                        if (this.value == null) {
                             return null;
                         }
                         let j = FilterFactory.instance.property(a);
-                        let k = FilterFactory.instance.literal(this.l);
+                        let k = FilterFactory.instance.literal(this.value);
                         j = ColumnComparisonFilterCondition.g(b, j);
                         if (null == j) {
                             return null;
                         }
-                        if (!this.i) {
+                        if (!this.isCaseSensitive) {
                             j = j.toLower();
                             k = k.toLower();
                         }
@@ -6645,16 +6663,16 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 16:
                     {
-                        if (this.l == null) {
+                        if (this.value == null) {
                             return null;
                         }
                         let l = FilterFactory.instance.property(a);
-                        let m = FilterFactory.instance.literal(this.l);
+                        let m = FilterFactory.instance.literal(this.value);
                         l = ColumnComparisonFilterCondition.g(b, l);
                         if (null == l) {
                             return null;
                         }
-                        if (!this.i) {
+                        if (!this.isCaseSensitive) {
                             l = l.toLower();
                             m = m.toLower();
                         }
@@ -6663,8 +6681,8 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                 case 0:
                     {
                         let n = FilterFactory.instance.property(a);
-                        let o = FilterFactory.instance.literal(this.k(this.l, b));
-                        if (b == 0 && !this.i) {
+                        let o = FilterFactory.instance.literal(this.k(this.value, b));
+                        if (b == 0 && !this.isCaseSensitive) {
                             n = n.toLower();
                             o = o.toLower();
                         }
@@ -6672,8 +6690,8 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                             return n.day().isEqualTo(o.day()).and(n.month().isEqualTo(o.month())).and(n.year().isEqualTo(o.year()));
                         }
                         else if (b == 2) {
-                            if (this.l != null && typeof this.l === 'string') {
-                                switch (this.l.toString().toLowerCase()) {
+                            if (this.value != null && typeof this.value === 'string') {
+                                switch (this.value.toString().toLowerCase()) {
                                     case "true":
                                         o = FilterFactory.instance.literal(true);
                                         break;
@@ -6687,10 +6705,10 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 4:
                     {
-                        let p = this.k(this.l, b);
+                        let p = this.k(this.value, b);
                         let q = FilterFactory.instance.property(a);
                         let r = FilterFactory.instance.literal(p);
-                        if (b == 0 && !this.i) {
+                        if (b == 0 && !this.isCaseSensitive) {
                             q = q.toLower();
                             r = r.toLower();
                         }
@@ -6702,10 +6720,10 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 5:
                     {
-                        let t = this.k(this.l, b);
+                        let t = this.k(this.value, b);
                         let u = FilterFactory.instance.property(a);
                         let v = FilterFactory.instance.literal(t);
-                        if (b == 0 && !this.i) {
+                        if (b == 0 && !this.isCaseSensitive) {
                             u = u.toLower();
                             v = v.toLower();
                         }
@@ -6717,10 +6735,10 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 2:
                     {
-                        let x = this.k(this.l, b);
+                        let x = this.k(this.value, b);
                         let y = FilterFactory.instance.property(a);
                         let z = FilterFactory.instance.literal(x);
-                        if (b == 0 && !this.i) {
+                        if (b == 0 && !this.isCaseSensitive) {
                             y = y.toLower();
                             z = z.toLower();
                         }
@@ -6732,10 +6750,10 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 3:
                     {
-                        let ab = this.k(this.l, b);
+                        let ab = this.k(this.value, b);
                         let ac = FilterFactory.instance.property(a);
                         let ad = FilterFactory.instance.literal(ab);
-                        if (b == 0 && !this.i) {
+                        if (b == 0 && !this.isCaseSensitive) {
                             ac = ac.toLower();
                             ad = ad.toLower();
                         }
@@ -6748,8 +6766,8 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                 case 1:
                     {
                         let af = FilterFactory.instance.property(a);
-                        let ag = FilterFactory.instance.literal(this.k(this.l, b));
-                        if (b == 0 && !this.i) {
+                        let ag = FilterFactory.instance.literal(this.k(this.value, b));
+                        if (b == 0 && !this.isCaseSensitive) {
                             af = af.toLower();
                             ag = ag.toLower();
                         }
@@ -6760,16 +6778,16 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     }
                 case 14:
                     {
-                        if (this.l == null) {
+                        if (this.value == null) {
                             return null;
                         }
                         let ah = FilterFactory.instance.property(a);
-                        let ai = FilterFactory.instance.literal(this.l);
+                        let ai = FilterFactory.instance.literal(this.value);
                         ah = ColumnComparisonFilterCondition.g(b, ah);
                         if (null == ah) {
                             return null;
                         }
-                        if (!this.i) {
+                        if (!this.isCaseSensitive) {
                             ah = ah.toLower();
                             ai = ai.toLower();
                         }
@@ -6791,8 +6809,8 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                     {
                         let an = FilterFactory.instance.property(a);
                         let ao = 0;
-                        if (typeof this.l === 'string') {
-                            let ap = this.l;
+                        if (typeof this.value === 'string') {
+                            let ap = this.value;
                             if (((() => { let aq = tryParseInt32_1(ap, ao); ao = aq.p1; return aq.ret; })())) {
                                 let aq = FilterFactory.instance.literal(ao);
                                 return an.month().isEqualTo(aq);
@@ -6815,13 +6833,13 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                             }
                         }
                         else {
-                            let av = FilterFactory.instance.literal(this.l);
+                            let av = FilterFactory.instance.literal(this.value);
                             return an.month().isEqualTo(av);
                         }
                     }
                 case 39:
                     {
-                        let aw = this.l;
+                        let aw = this.value;
                         if (typeof aw === 'string') {
                             let ax = -1;
                             if (((() => { let ay = tryParseInt32_1(aw, ax); ax = ay.p1; return ay.ret; })())) {
@@ -6980,7 +6998,7 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
             }
             return b;
         }
-        static j(a) {
+        static getOperandNumber(a) {
             if (a == 43 || a == 42) {
                 return 0;
             }
@@ -6988,10 +7006,10 @@ let ColumnComparisonFilterCondition = /*@__PURE__*/ (() => {
                 return 1;
             }
         }
-        static e(a) {
+        static getOperandNumbers(a) {
             let b = new Array(a.length);
             for (let c = 0; c < a.length; c++) {
-                b[c] = ColumnComparisonFilterCondition.j(a[c]);
+                b[c] = ColumnComparisonFilterCondition.getOperandNumber(a[c]);
             }
             return b;
         }
@@ -7038,9 +7056,15 @@ let ColumnCustomFilterCondition = /*@__PURE__*/ (() => {
     class ColumnCustomFilterCondition extends ColumnFilterCondition {
         constructor() {
             super(...arguments);
-            this.e = null;
+            this._value = null;
             this._id = null;
-            this.d = 0;
+            this._index = 0;
+        }
+        get value() {
+            return this._value;
+        }
+        set value(a) {
+            this._value = a;
         }
         get id() {
             return this._id;
@@ -7048,9 +7072,15 @@ let ColumnCustomFilterCondition = /*@__PURE__*/ (() => {
         set id(a) {
             this._id = a;
         }
-        a(a, b) {
-            let c = this.b.fq(this.id, this.d);
-            return this.b.es(c, this.e);
+        get index() {
+            return this._index;
+        }
+        set index(a) {
+            this._index = a;
+        }
+        resolveFilter(a, b) {
+            let c = this.b.fq(this.id, this.index);
+            return this.b.es(c, this.value);
         }
     }
     ColumnCustomFilterCondition.$t = /*@__PURE__*/ markType(ColumnCustomFilterCondition, 'ColumnCustomFilterCondition', ColumnFilterCondition.$);
@@ -7073,15 +7103,15 @@ let ColumnFilterConditionCollection = /*@__PURE__*/ (() => {
  */
 let ColumnFilterConditionGroup = /*@__PURE__*/ (() => {
     class ColumnFilterConditionGroup extends ColumnFilterCondition {
-        c() {
+        isGroup() {
             return true;
         }
         constructor() {
             super();
-            this.g = false;
+            this._usesOrOperator = false;
             this.f = null;
             this.f = new ColumnFilterConditionCollection();
-            this.g = false;
+            this.usesOrOperator = false;
         }
         equals(a) {
             if (a == null) {
@@ -7091,26 +7121,32 @@ let ColumnFilterConditionGroup = /*@__PURE__*/ (() => {
                 return false;
             }
             let b = a;
-            if (b.h != this.h) {
+            if (b.count != this.count) {
                 return false;
             }
-            for (let c = 0; c < this.h; c++) {
+            for (let c = 0; c < this.count; c++) {
                 if (!Base.equalsStatic(this.item(c), b.item(c))) {
                     return false;
                 }
             }
             return true;
         }
-        get h() {
+        get count() {
             return this.f.count;
         }
-        i(a) {
+        get usesOrOperator() {
+            return this._usesOrOperator;
+        }
+        set usesOrOperator(a) {
+            this._usesOrOperator = a;
+        }
+        add(a) {
             this.f.add(a);
         }
-        k(a) {
+        remove(a) {
             this.f.remove(a);
         }
-        l(a) {
+        removeAt(a) {
             this.f.removeAt(a);
         }
         item(a, b) {
@@ -7122,27 +7158,27 @@ let ColumnFilterConditionGroup = /*@__PURE__*/ (() => {
                 return this.f._inner[a];
             }
         }
-        j() {
+        clear() {
             this.f.clear();
         }
-        d() {
+        toArray() {
             let a = new Array(this.f.count);
             for (let b = 0; b < this.f.count; b++) {
                 a[b] = this.f._inner[b];
             }
             return a;
         }
-        a(a, b) {
+        resolveFilter(a, b) {
             if (this.f.count == 0) {
                 return null;
             }
-            let c = this.f._inner[this.f.count - 1].a(a, b);
+            let c = this.f._inner[this.f.count - 1].resolveFilter(a, b);
             for (let d = this.f.count - 2; d >= 0; d--) {
-                if (this.g) {
-                    c = FilterFactory.instance.or(this.f._inner[d].a(a, b), c);
+                if (this.usesOrOperator) {
+                    c = FilterFactory.instance.or(this.f._inner[d].resolveFilter(a, b), c);
                 }
                 else {
-                    c = FilterFactory.instance.and(this.f._inner[d].a(a, b), c);
+                    c = FilterFactory.instance.and(this.f._inner[d].resolveFilter(a, b), c);
                 }
             }
             return c;
@@ -9073,30 +9109,30 @@ let CellModel = /*@__PURE__*/ (() => {
             a.c = AppearanceHelper.a(this.k2);
             if (this.ae != null) {
                 let b = this.ae;
-                if (this.p != null && b.n == null) {
+                if (this.p != null && b.p == null) {
                     let c = this.p.externalGrid.renderer;
                     let d = FontUtil.getFontInfoFromString(c, b.fontString);
-                    b.n = d.n;
-                    b.d = d.d;
-                    b.o = d.o;
+                    b.p = d.p;
+                    b.e = d.e;
                     b.q = d.q;
-                    b.r = d.r;
                     b.s = d.s;
+                    b.t = d.t;
+                    b.u = d.u;
+                }
+                if (b.p != null) {
+                    a.u = b.p;
                 }
-                if (b.n != null) {
-                    a.u = b.n;
+                if (!isNaN_(b.e)) {
+                    a.j = b.e;
                 }
-                if (!isNaN_(b.d)) {
-                    a.j = b.d;
+                if (b.u != null) {
+                    a.y = b.u;
                 }
                 if (b.s != null) {
-                    a.y = b.s;
+                    a.w = b.s;
                 }
                 if (b.q != null) {
-                    a.w = b.q;
-                }
-                if (b.o != null) {
-                    a.v = b.q;
+                    a.v = b.s;
                 }
             }
             return a;
@@ -10012,58 +10048,58 @@ let SummaryCellModel = /*@__PURE__*/ (() => {
             b.af = AppearanceHelper.a(this.lg);
             if (this.lk != null) {
                 let c = this.lk;
-                if (this.p != null && c.n == null) {
+                if (this.p != null && c.p == null) {
                     let d = this.p.externalGrid.renderer;
                     let e = FontUtil.getFontInfoFromString(d, c.fontString);
-                    c.n = e.n;
-                    c.d = e.d;
-                    c.o = e.o;
+                    c.p = e.p;
+                    c.e = e.e;
                     c.q = e.q;
-                    c.r = e.r;
                     c.s = e.s;
+                    c.t = e.t;
+                    c.u = e.u;
+                }
+                if (c.p != null) {
+                    b.aj = c.p;
                 }
-                if (c.n != null) {
-                    b.aj = c.n;
+                if (!isNaN_(c.e)) {
+                    b.ag = c.e;
                 }
-                if (!isNaN_(c.d)) {
-                    b.ag = c.d;
+                if (c.u != null) {
+                    b.an = c.u;
                 }
                 if (c.s != null) {
-                    b.an = c.s;
+                    b.al = c.s;
                 }
                 if (c.q != null) {
-                    b.al = c.q;
-                }
-                if (c.o != null) {
-                    b.ak = c.q;
+                    b.ak = c.s;
                 }
             }
             if (this.ag != null) {
                 let f = this.ag;
-                if (this.p != null && f.n == null) {
+                if (this.p != null && f.p == null) {
                     let g = this.p.externalGrid.renderer;
                     let h = FontUtil.getFontInfoFromString(g, f.fontString);
-                    f.n = h.n;
-                    f.d = h.d;
-                    f.o = h.o;
+                    f.p = h.p;
+                    f.e = h.e;
                     f.q = h.q;
-                    f.r = h.r;
                     f.s = h.s;
+                    f.t = h.t;
+                    f.u = h.u;
                 }
-                if (f.n != null) {
-                    b.ap = f.n;
+                if (f.p != null) {
+                    b.ap = f.p;
                 }
-                if (!isNaN_(f.d)) {
-                    b.ah = f.d;
+                if (!isNaN_(f.e)) {
+                    b.ah = f.e;
+                }
+                if (f.u != null) {
+                    b.at = f.u;
                 }
                 if (f.s != null) {
-                    b.at = f.s;
+                    b.ar = f.s;
                 }
                 if (f.q != null) {
-                    b.ar = f.q;
-                }
-                if (f.o != null) {
-                    b.aq = f.q;
+                    b.aq = f.s;
                 }
             }
             return b;
@@ -11481,30 +11517,30 @@ let Pager = /*@__PURE__*/ (() => {
             a.d = this.n.j().b();
             if (this.s != null) {
                 let b = this.s;
-                if (this.n != null && b.n == null) {
+                if (this.n != null && b.p == null) {
                     let c = this.n.m;
                     let d = FontUtil.getFontInfoFromString(c, b.fontString);
-                    b.n = d.n;
-                    b.d = d.d;
-                    b.o = d.o;
+                    b.p = d.p;
+                    b.e = d.e;
                     b.q = d.q;
-                    b.r = d.r;
                     b.s = d.s;
+                    b.t = d.t;
+                    b.u = d.u;
+                }
+                if (b.p != null) {
+                    a.l = b.p;
                 }
-                if (b.n != null) {
-                    a.l = b.n;
+                if (!isNaN_(b.e)) {
+                    a.g = b.e;
                 }
-                if (!isNaN_(b.d)) {
-                    a.g = b.d;
+                if (b.u != null) {
+                    a.p = b.u;
                 }
                 if (b.s != null) {
-                    a.p = b.s;
+                    a.n = b.s;
                 }
                 if (b.q != null) {
-                    a.n = b.q;
-                }
-                if (b.o != null) {
-                    a.m = b.q;
+                    a.m = b.s;
                 }
             }
             return a;
@@ -18578,7 +18614,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 let d = this.a5.j._inner[c];
                 if (d != a && (d.ep != null || d.er != null)) {
                     let e = this.actualDataSource.resolveSchemaPropertyType(d.i8);
-                    let f = d.er != null ? d.er : d.ep.a(d.i8, e);
+                    let f = d.er != null ? d.er : d.ep.resolveFilter(d.i8, e);
                     if (b != null) {
                         switch (this.filterLogicalOperator) {
                             case 1:
@@ -19105,10 +19141,10 @@ let DataGrid = /*@__PURE__*/ (() => {
                     if (i.f == null) {
                         i.f = new List$1(ColumnFilterCondition.$, 0);
                     }
-                    if (h.ep.c()) {
+                    if (h.ep.isGroup()) {
                         let n = h.ep;
-                        i.l = toNullable(Boolean_$type, n.g);
-                        let o = n.h;
+                        i.l = toNullable(Boolean_$type, n.usesOrOperator);
+                        let o = n.count;
                         for (let p = 0; p < o; p++) {
                             i.f.add(n.item(p));
                         }
@@ -19338,9 +19374,9 @@ let DataGrid = /*@__PURE__*/ (() => {
                                         else if (u > 1) {
                                             let w = new ColumnFilterConditionGroup();
                                             for (let x = 0; x < u; x++) {
-                                                w.i(i.f._inner[x]);
+                                                w.add(i.f._inner[x]);
                                             }
-                                            w.g = i.l.value;
+                                            w.usesOrOperator = i.l.value;
                                             j.ep = w;
                                         }
                                     }
@@ -21349,10 +21385,10 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     let r = m;
                     let s = n;
                     if (r != null) {
-                        r.t(a.externalGrid.renderer);
+                        r.v(a.externalGrid.renderer);
                     }
                     if (s != null) {
-                        s.t(a.externalGrid.renderer);
+                        s.v(a.externalGrid.renderer);
                     }
                     let t = new FontInfo();
                     FontUtil.interpolateFont(t, l, r, s);
@@ -21535,10 +21571,10 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     let u = p;
                     let v = q;
                     if (u != null) {
-                        u.t(a.externalGrid.renderer);
+                        u.v(a.externalGrid.renderer);
                     }
                     if (v != null) {
-                        v.t(a.externalGrid.renderer);
+                        v.v(a.externalGrid.renderer);
                     }
                     let w = new FontInfo();
                     FontUtil.interpolateFont(w, o, u, v);
@@ -22986,7 +23022,7 @@ let DefinitionBase = /*@__PURE__*/ (() => {
             }
             if (this.grid != null) {
                 if (this.ad != null) {
-                    this.ad.t(this.grid.externalGrid.renderer);
+                    this.ad.v(this.grid.externalGrid.renderer);
                 }
             }
             a.ag = this.ad;
@@ -24462,7 +24498,7 @@ let DataGridColumn = /*@__PURE__*/ (() => {
             a.f1 = this.h1;
             if (this.grid != null) {
                 if (this.gb != null) {
-                    this.gb.t(this.grid.externalGrid.renderer);
+                    this.gb.v(this.grid.externalGrid.renderer);
                 }
             }
             a.af = this.gb;
@@ -25029,9 +25065,9 @@ let DataGridColumn = /*@__PURE__*/ (() => {
         }
         kf(a, b) {
             let c = new ColumnComparisonFilterCondition();
-            c.f = a;
-            c.l = b;
-            c.i = this.fo() == 2;
+            c.operator = a;
+            c.value = b;
+            c.isCaseSensitive = this.fo() == 2;
             this.ep = c;
             this.er = null;
         }
@@ -25045,9 +25081,9 @@ let DataGridColumn = /*@__PURE__*/ (() => {
                         this.er = e;
                         this.ep = ((() => {
                             let $ret = new ColumnCustomFilterCondition();
-                            $ret.e = c;
+                            $ret.value = c;
                             $ret.id = a;
-                            $ret.d = b;
+                            $ret.index = b;
                             return $ret;
                         })());
                     }
@@ -28941,22 +28977,22 @@ let SaveLayoutColumn = /*@__PURE__*/ (() => {
                                 let x = t.item("Value");
                                 let y = new ColumnCustomFilterCondition();
                                 y.id = u.value.toString();
-                                y.d = parseInt(v.value.toString());
+                                y.index = parseInt(v.value.toString());
                                 if (w != null) {
                                     switch (w.value.toString()) {
                                         case "String":
-                                            y.e = x.value.toString();
+                                            y.value = x.value.toString();
                                             break;
                                         case "Number":
-                                            y.e = parseFloat(x.value.toString());
+                                            y.value = parseFloat(x.value.toString());
                                             break;
                                         case "Date":
-                                            y.e = dateParse(x.value.toString());
+                                            y.value = dateParse(x.value.toString());
                                             break;
                                     }
                                 }
                                 else {
-                                    y.e = null;
+                                    y.value = null;
                                 }
                                 this.f.add(y);
                             }
@@ -28966,159 +29002,159 @@ let SaveLayoutColumn = /*@__PURE__*/ (() => {
                                 let ab = t.item("ValueType");
                                 let ac = t.item("Value");
                                 let ad = new ColumnComparisonFilterCondition();
-                                ad.i = z.value;
+                                ad.isCaseSensitive = z.value;
                                 switch (aa.value.toString()) {
                                     case "Equals":
-                                        ad.f = 0;
+                                        ad.operator = 0;
                                         break;
                                     case "NotEquals":
-                                        ad.f = 1;
+                                        ad.operator = 1;
                                         break;
                                     case "LessThan":
-                                        ad.f = 2;
+                                        ad.operator = 2;
                                         break;
                                     case "LessThanOrEqualTo":
-                                        ad.f = 3;
+                                        ad.operator = 3;
                                         break;
                                     case "GreaterThan":
-                                        ad.f = 4;
+                                        ad.operator = 4;
                                         break;
                                     case "GreaterThanOrEqualTo":
-                                        ad.f = 5;
+                                        ad.operator = 5;
                                         break;
                                     case "Top":
-                                        ad.f = 6;
+                                        ad.operator = 6;
                                         break;
                                     case "Bottom":
-                                        ad.f = 7;
+                                        ad.operator = 7;
                                         break;
                                     case "TopPercentile":
-                                        ad.f = 8;
+                                        ad.operator = 8;
                                         break;
                                     case "BottomPercentile":
-                                        ad.f = 9;
+                                        ad.operator = 9;
                                         break;
                                     case "True":
-                                        ad.f = 10;
+                                        ad.operator = 10;
                                         break;
                                     case "False":
-                                        ad.f = 11;
+                                        ad.operator = 11;
                                         break;
                                     case "Contains":
-                                        ad.f = 12;
+                                        ad.operator = 12;
                                         break;
                                     case "DoesNotContain":
-                                        ad.f = 13;
+                                        ad.operator = 13;
                                         break;
                                     case "StartsWith":
-                                        ad.f = 14;
+                                        ad.operator = 14;
                                         break;
                                     case "DoesNotStartWith":
-                                        ad.f = 15;
+                                        ad.operator = 15;
                                         break;
                                     case "EndsWith":
-                                        ad.f = 16;
+                                        ad.operator = 16;
                                         break;
                                     case "DoesNotEndWith":
-                                        ad.f = 17;
+                                        ad.operator = 17;
                                         break;
                                     case "Today":
-                                        ad.f = 18;
+                                        ad.operator = 18;
                                         break;
                                     case "Tomorrow":
-                                        ad.f = 19;
+                                        ad.operator = 19;
                                         break;
                                     case "Yesterday":
-                                        ad.f = 20;
+                                        ad.operator = 20;
                                         break;
                                     case "NextWeek":
-                                        ad.f = 21;
+                                        ad.operator = 21;
                                         break;
                                     case "ThisWeek":
-                                        ad.f = 22;
+                                        ad.operator = 22;
                                         break;
                                     case "LastWeek":
-                                        ad.f = 23;
+                                        ad.operator = 23;
                                         break;
                                     case "NextMonth":
-                                        ad.f = 24;
+                                        ad.operator = 24;
                                         break;
                                     case "ThisMonth":
-                                        ad.f = 25;
+                                        ad.operator = 25;
                                         break;
                                     case "LastMonth":
-                                        ad.f = 26;
+                                        ad.operator = 26;
                                         break;
                                     case "NextQuater":
-                                        ad.f = 27;
+                                        ad.operator = 27;
                                         break;
                                     case "ThisQuater":
-                                        ad.f = 28;
+                                        ad.operator = 28;
                                         break;
                                     case "LastQuater":
-                                        ad.f = 29;
+                                        ad.operator = 29;
                                         break;
                                     case "NextYear":
-                                        ad.f = 30;
+                                        ad.operator = 30;
                                         break;
                                     case "ThisYear":
-                                        ad.f = 31;
+                                        ad.operator = 31;
                                         break;
                                     case "LastYear":
-                                        ad.f = 32;
+                                        ad.operator = 32;
                                         break;
                                     case "YearToDate":
-                                        ad.f = 33;
+                                        ad.operator = 33;
                                         break;
                                     case "Q1":
-                                        ad.f = 34;
+                                        ad.operator = 34;
                                         break;
                                     case "Q2":
-                                        ad.f = 35;
+                                        ad.operator = 35;
                                         break;
                                     case "Q3":
-                                        ad.f = 36;
+                                        ad.operator = 36;
                                         break;
                                     case "Q4":
-                                        ad.f = 37;
+                                        ad.operator = 37;
                                         break;
                                     case "Month":
-                                        ad.f = 38;
+                                        ad.operator = 38;
                                         break;
                                     case "Year":
-                                        ad.f = 39;
+                                        ad.operator = 39;
                                         break;
                                     case "Empty":
-                                        ad.f = 40;
+                                        ad.operator = 40;
                                         break;
                                     case "NotEmpty":
-                                        ad.f = 41;
+                                        ad.operator = 41;
                                         break;
                                     case "IsNull":
-                                        ad.f = 42;
+                                        ad.operator = 42;
                                         break;
                                     case "IsNotNull":
-                                        ad.f = 43;
+                                        ad.operator = 43;
                                         break;
                                     case "Custom":
-                                        ad.f = 44;
+                                        ad.operator = 44;
                                         break;
                                 }
                                 if (ab != null) {
                                     switch (ab.value.toString()) {
                                         case "String":
-                                            ad.l = ac.value.toString();
+                                            ad.value = ac.value.toString();
                                             break;
                                         case "Number":
-                                            ad.l = parseFloat(ac.value.toString());
+                                            ad.value = parseFloat(ac.value.toString());
                                             break;
                                         case "Date":
-                                            ad.l = dateParse(ac.value.toString());
+                                            ad.value = dateParse(ac.value.toString());
                                             break;
                                     }
                                 }
                                 else {
-                                    ad.l = null;
+                                    ad.value = null;
                                 }
                                 this.f.add(ad);
                             }
@@ -29208,20 +29244,20 @@ let SaveLayoutColumn = /*@__PURE__*/ (() => {
                         if (typeCast(ColumnCustomFilterCondition.$, this.f._inner[e]) !== null) {
                             let f = this.f._inner[e];
                             a.i("\"ID\": " + "\"" + f.id + "\", ");
-                            a.i("\"Index\": " + f.d + ", ");
-                            if (f.e != null) {
-                                a.i("\"ValueType\": " + "\"" + getInstanceType(f.e).typeName + "\", ");
+                            a.i("\"Index\": " + f.index + ", ");
+                            if (f.value != null) {
+                                a.i("\"ValueType\": " + "\"" + getInstanceType(f.value).typeName + "\", ");
                             }
-                            a.i("\"Value\": " + "\"" + f.e + "\"");
+                            a.i("\"Value\": " + "\"" + f.value + "\"");
                         }
                         else {
                             let g = this.f._inner[e];
-                            a.i("\"IsCaseSensitive\": " + g.i + ", ");
-                            a.i("\"Operator\": " + "\"" + enumGetBox(ColumnComparisonConditionOperatorType_$type, g.f) + "\", ");
-                            if (g.l != null) {
-                                a.i("\"ValueType\": " + "\"" + getInstanceType(g.l).typeName + "\", ");
+                            a.i("\"IsCaseSensitive\": " + g.isCaseSensitive + ", ");
+                            a.i("\"Operator\": " + "\"" + enumGetBox(ColumnComparisonConditionOperatorType_$type, g.operator) + "\", ");
+                            if (g.value != null) {
+                                a.i("\"ValueType\": " + "\"" + getInstanceType(g.value).typeName + "\", ");
                             }
-                            a.i("\"Value\": " + "\"" + g.l + "\"");
+                            a.i("\"Value\": " + "\"" + g.value + "\"");
                         }
                         a.i("}");
                     }
@@ -40068,7 +40104,12 @@ class IgcGridFilterOperandsCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcFilterOperand();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -41274,7 +41315,12 @@ class IgcGridColumnCollection extends IgCollection {
             if (!ext) {
                 ext = IgcDataGridColumnComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -41555,7 +41601,12 @@ class IgcGridSelectedKeysCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcPrimaryKeyValue();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -41731,7 +41782,12 @@ class IgcGridSelectedCellsCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcCellKey();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -41921,7 +41977,12 @@ class IgcGridSelectedCellRangesCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcCellRange();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -43582,8 +43643,8 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             this.ay = 0;
             this.i = ((() => {
                 let $ret = new FontInfo();
-                $ret.n = "Verdana";
-                $ret.d = 12;
+                $ret.p = "Verdana";
+                $ret.e = 12;
                 return $ret;
             })());
             this.p = true;
@@ -43705,9 +43766,9 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             }
             if (this.aa || this.u || i || !this.v) {
                 this.aa = false;
-                if (this.p || this.u || (this.i != null && this.i.g != this.br)) {
+                if (this.p || this.u || (this.i != null && this.i.i != this.br)) {
                     this.p = false;
-                    this.br = this.i.g;
+                    this.br = this.i.i;
                     j.ad(this.i);
                 }
                 if (f != 1) {
@@ -43980,8 +44041,8 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             }
             this.o = true;
             let b = DeviceUtils.f(12);
-            if (a.ag != null && !isNaN_(a.ag.d)) {
-                b = a.ag.d;
+            if (a.ag != null && !isNaN_(a.ag.e)) {
+                b = a.ag.e;
             }
             if (this.ay != b) {
                 this.ay = b;
@@ -44028,15 +44089,15 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             if (a == null) {
                 return;
             }
-            if (this.p || (this.i != null && this.i.g != this.br)) {
+            if (this.p || (this.i != null && this.i.i != this.br)) {
                 this.p = false;
-                this.br = this.i.g;
+                this.br = this.i.i;
                 a.ad(this.i);
             }
             let b;
-            if (this.h != this.i || this.bt != this.i.g) {
+            if (this.h != this.i || this.bt != this.i.i) {
                 this.h = this.i;
-                this.bt = this.i.g;
+                this.bt = this.i.i;
                 this.ar = FontUtil.getCurrentFontHeight(this.bm, this.i);
             }
             b = this.ar;
@@ -45819,9 +45880,9 @@ let CanvasSummaryCell = /*@__PURE__*/ (() => {
             if (a == null) {
                 return;
             }
-            if (this.c8 || (this.c7 != null && this.c7.g != this.de)) {
+            if (this.c8 || (this.c7 != null && this.c7.i != this.de)) {
                 this.c8 = false;
-                this.de = this.c7.g;
+                this.de = this.c7.i;
                 a.ad(this.c7);
                 this.da = FontUtil.getCurrentFontHeight(this.bn, this.c7);
             }
@@ -46590,8 +46651,8 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 return;
             }
             let b = DeviceUtils.f(12);
-            if (a.ag != null && !isNaN_(a.ag.d)) {
-                b = a.ag.d;
+            if (a.ag != null && !isNaN_(a.ag.e)) {
+                b = a.ag.e;
             }
             if (this.y != b) {
                 this.y = b;
@@ -48145,7 +48206,7 @@ let EditorCell = /*@__PURE__*/ (() => {
         eh(a, b, c, d, e) {
             if (!stringIsNullOrWhiteSpace(a)) {
                 this.dd.setRawText(a);
-                this.cx.b6();
+                this.cx.b8();
                 this.ei();
             }
         }
@@ -48160,7 +48221,7 @@ let EditorCell = /*@__PURE__*/ (() => {
         }
         d0() {
             if (this.cx.aw) {
-                this.cx.b3();
+                this.cx.b5();
             }
         }
         bo() {
@@ -48721,7 +48782,7 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
         }
         s(a, b) {
             this.i.setStyleProperty("height", stringFormat("{0}px", this.a.y()));
-            this.d.b6();
+            this.d.b8();
             document.addEventListener("keydown", runOn(this, this.onDocumentKeyDown), false);
             document.addEventListener("mousedown", runOn(this, this.onDocumentMouseDown), false);
         }
@@ -49351,13 +49412,13 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
                     this.ee();
                 }
                 else {
-                    this.q.b3();
+                    this.q.b5();
                 }
             }
         }
         d8() {
             if (this.q != null) {
-                this.q.b3();
+                this.q.b5();
             }
         }
         d1(a, b, c, d) {
@@ -49727,32 +49788,32 @@ let FilterCell = /*@__PURE__*/ (() => {
                 if (this.ci != null) {
                     if (typeCast(ColumnComparisonFilterCondition.$, this.ci) !== null) {
                         let a = typeCast(ColumnComparisonFilterCondition.$, this.ci);
-                        this.ck.b = a.f;
+                        this.ck.b = a.operator;
                         let b = this.cr.getEditorValue();
                         if (b != null) {
-                            if (!Base.equalsStatic(b, a.l)) {
-                                this.cr.value = a.l;
-                                this.c8 = a.l;
+                            if (!Base.equalsStatic(b, a.value)) {
+                                this.cr.value = a.value;
+                                this.c8 = a.value;
                             }
                         }
                         else {
-                            this.cr.value = a.l;
-                            this.c8 = a.l;
+                            this.cr.value = a.value;
+                            this.c8 = a.value;
                         }
                     }
                     else if (typeCast(ColumnCustomFilterCondition.$, this.ci) !== null) {
                         let c = typeCast(ColumnCustomFilterCondition.$, this.ci);
-                        this.ck.ek(c.id, c.d);
+                        this.ck.ek(c.id, c.index);
                         let d = this.cr.getEditorValue();
                         if (d != null) {
-                            if (!Base.equalsStatic(d, c.e)) {
-                                this.cr.value = c.e;
-                                this.c8 = c.e;
+                            if (!Base.equalsStatic(d, c.value)) {
+                                this.cr.value = c.value;
+                                this.c8 = c.value;
                             }
                         }
                         else {
-                            this.cr.value = c.e;
-                            this.c8 = c.e;
+                            this.cr.value = c.value;
+                            this.c8 = c.value;
                         }
                     }
                     else if (!(typeCast(ColumnCustomFilterCondition.$, this.ci) !== null)) {
@@ -51232,14 +51293,14 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         e(a) {
             let b = new ColumnFilterConditionGroup();
-            b.g = a.k;
+            b.usesOrOperator = a.k;
             let c = new Stack$1(ColumnFilterConditionGroup.$);
             let d = 0;
             let e = b;
             for (let f = 0; f < a.f.count; f++) {
                 let g = this.h(d, c, a, f);
                 while (g != null) {
-                    e.i(g);
+                    e.add(g);
                     e = g;
                     d++;
                     g = this.h(d, c, a, f);
@@ -51256,9 +51317,9 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
                 if (this.z(a, a.f._inner[f])) {
                     continue;
                 }
-                e.i(this.d(a.f._inner[f]));
+                e.add(this.d(a.f._inner[f]));
             }
-            if (b.h == 0) {
+            if (b.count == 0) {
                 return null;
             }
             return b;
@@ -51299,7 +51360,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
             if (a < e) {
                 let f = c.b(d);
                 let g = new ColumnFilterConditionGroup();
-                g.g = f.a;
+                g.usesOrOperator = f.a;
                 b.h(g);
                 return g;
             }
@@ -51307,8 +51368,8 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         d(a) {
             let b = new ColumnComparisonFilterCondition();
-            b.f = this.c(a.l);
-            b.l = a.i;
+            b.operator = this.c(a.l);
+            b.value = a.i;
             return b;
         }
         c(a) {
@@ -51333,9 +51394,9 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
             return c;
         }
         a1(a, b, c) {
-            if (b.c()) {
+            if (b.isGroup()) {
                 let d = b;
-                for (let e = 0; e < d.h; e++) {
+                for (let e = 0; e < d.count; e++) {
                     let f = d.item(e);
                     this.a1(a, f, c);
                 }
@@ -51346,28 +51407,28 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         t(a, b) {
             let c = new GridFilterDialogViewModelRow();
-            c.l = GridFilterDialog.au(a.f);
+            c.l = GridFilterDialog.au(a.operator);
             c.f = b;
             c.e = GridFilterDialog.a(b);
-            c.i = GridFilterDialog.ao(GridFilterDialog.ak(a.f), a.f, a);
-            c.j = GridFilterDialog.ap(GridFilterDialog.ak(a.f), a.f, a);
+            c.i = GridFilterDialog.ao(GridFilterDialog.ak(a.operator), a.operator, a);
+            c.j = GridFilterDialog.ap(GridFilterDialog.ak(a.operator), a.operator, a);
             c.d = GridFilterDialog.b(b);
             return c;
         }
         static ak(a) {
-            return ColumnComparisonFilterCondition.j(a);
+            return ColumnComparisonFilterCondition.getOperandNumber(a);
         }
         static ao(a, b, c) {
             if (a == 0) {
                 return "";
             }
-            return c.l != null ? c.l.toString() : "";
+            return c.value != null ? c.value.toString() : "";
         }
         static ap(a, b, c) {
             return "";
         }
         static b(a) {
-            return ColumnComparisonFilterCondition.e(a);
+            return ColumnComparisonFilterCondition.getOperandNumbers(a);
         }
         static a(a) {
             let b = new Array(a.length);
@@ -51459,7 +51520,7 @@ let GridFilterDialogViewModel = /*@__PURE__*/ (() => {
     class GridFilterDialogViewModel extends Base {
         n() {
             let a = new GridFilterDialogViewModelRow();
-            let b = ColumnComparisonFilterCondition.d(this.a);
+            let b = ColumnComparisonFilterCondition.getApplicableOperators(this.a);
             a.f = b;
             a.e = GridFilterDialog.a(b);
             a.d = GridFilterDialog.b(b);
@@ -54131,7 +54192,12 @@ class IgcResponsiveStatesCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcResponsiveState();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -55940,7 +56006,7 @@ let ColumnGroupingView = /*@__PURE__*/ (() => {
         aq() {
             if (this.t != null) {
                 if (this.e.k != null) {
-                    this.t.setStyleProperty("font", this.e.k.q);
+                    this.t.setStyleProperty("font", this.e.k.s);
                 }
                 else {
                     this.t.setStyleProperty("font", "14px Verdana");
@@ -55952,7 +56018,7 @@ let ColumnGroupingView = /*@__PURE__*/ (() => {
                 let a = this.i.count;
                 for (let b = 0; b < a; b++) {
                     let c = this.i._inner[b];
-                    c.setStyleProperty("font", this.e.k.q);
+                    c.setStyleProperty("font", this.e.k.s);
                 }
             }
         }
@@ -56016,7 +56082,7 @@ let ColumnGroupingView = /*@__PURE__*/ (() => {
                             f.setAttribute("data-field", a._inner[c].b.toString());
                             let g = this.n.createElement("span");
                             if (this.e.k != null) {
-                                g.setStyleProperty("font", this.e.k.q);
+                                g.setStyleProperty("font", this.e.k.s);
                             }
                             else {
                                 g.setStyleProperty("font", "14px Verdana");
@@ -56711,30 +56777,30 @@ let ColumnGrouping = /*@__PURE__*/ (() => {
             }
             if (this.k != null) {
                 let n = this.k;
-                if (this.d != null && n.n == null) {
+                if (this.d != null && n.p == null) {
                     let o = this.d.o;
                     let p = FontUtil.getFontInfoFromString(o, n.fontString);
-                    n.n = p.n;
-                    n.d = p.d;
-                    n.o = p.o;
+                    n.p = p.p;
+                    n.e = p.e;
                     n.q = p.q;
-                    n.r = p.r;
                     n.s = p.s;
+                    n.t = p.t;
+                    n.u = p.u;
+                }
+                if (n.p != null) {
+                    a.j = n.p;
                 }
-                if (n.n != null) {
-                    a.j = n.n;
+                if (!isNaN_(n.e)) {
+                    a.g = n.e;
                 }
-                if (!isNaN_(n.d)) {
-                    a.g = n.d;
+                if (n.u != null) {
+                    a.n = n.u;
                 }
                 if (n.s != null) {
-                    a.n = n.s;
+                    a.l = n.s;
                 }
                 if (n.q != null) {
-                    a.l = n.q;
-                }
-                if (n.o != null) {
-                    a.k = n.q;
+                    a.k = n.s;
                 }
             }
             return a;
@@ -67043,16 +67109,16 @@ let GridColumnOptionsBase = /*@__PURE__*/ (() => {
         get ad() {
             if (null == this.ac) {
                 this.ac = new FontInfo();
-                this.ac.n = "Verdana";
-                this.ac.d = 12;
+                this.ac.p = "Verdana";
+                this.ac.e = 12;
             }
             return this.ac;
         }
         get af() {
             if (null == this.ae) {
                 this.ae = new FontInfo();
-                this.ae.n = "Verdana";
-                this.ae.d = 14;
+                this.ae.p = "Verdana";
+                this.ae.e = 14;
             }
             return this.ae;
         }
@@ -69968,9 +70034,9 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
             }
             else {
                 let i = new ColumnFilterConditionGroup();
-                i.g = b;
+                i.usesOrOperator = b;
                 for (let j of fromEnum(c)) {
-                    i.i(j);
+                    i.add(j);
                 }
                 this.column.ep = i;
             }
@@ -70002,8 +70068,8 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
         }
         static bv(a, b) {
             let c = new ColumnComparisonFilterCondition();
-            c.f = a;
-            c.l = b;
+            c.operator = a;
+            c.value = b;
             return c;
         }
         b3() {
@@ -70082,7 +70148,7 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
             let e = this.b4();
             for (let f = e.count - 1; f >= 0; f--) {
                 let g = e._inner[f];
-                switch (g.f) {
+                switch (g.operator) {
                     case 0:
                     case 1: break;
                     default:
@@ -70090,9 +70156,9 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
                         continue;
                 }
                 if (nullableEquals(d, null)) {
-                    d = toNullable(ColumnComparisonConditionOperatorType_$type, g.f);
+                    d = toNullable(ColumnComparisonConditionOperatorType_$type, g.operator);
                 }
-                else if (d.value != g.f) {
+                else if (d.value != g.operator) {
                     c = false;
                     break;
                 }
@@ -70111,7 +70177,7 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
             }
             let h = this.bx.g;
             for (let i of fromEnum(e)) {
-                h.add(new PrimaryKeyValue([b], [i.l]));
+                h.add(new PrimaryKeyValue([b], [i.value]));
             }
             this.cu();
         }
@@ -70130,7 +70196,7 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
         static cm(a, b) {
             let c = typeCast(ColumnFilterConditionGroup.$, a);
             if (null != c) {
-                for (let d = 0; d < c.h; d++) {
+                for (let d = 0; d < c.count; d++) {
                     let e = c.item(d);
                     let f = GridColumnFilterOptions.cm(e, b);
                     b = f.p1;
@@ -71039,12 +71105,12 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 }
             }
             if (this.b0 != null && this.b0.aw) {
-                this.b0.b3();
+                this.b0.b5();
             }
         }
         bu() {
             if (this.b0 != null && this.b0.aw) {
-                this.b0.b3();
+                this.b0.b5();
             }
         }
         a6() {
@@ -71165,7 +71231,7 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
         }
         cj() {
             if (this.b0 != null && this.b0.aw) {
-                this.b0.b3();
+                this.b0.b5();
             }
         }
         ck(a) {
@@ -71214,7 +71280,7 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
         }
         cr() {
             if (this.b0 != null) {
-                this.b0.cw = this.bo;
+                this.b0.cy = this.bo;
                 this.b0.al = false;
             }
         }
@@ -71223,7 +71289,7 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.b0.aw) {
-                this.b0.b3();
+                this.b0.b5();
             }
             else {
                 let c = this.bv.t();
@@ -72182,8 +72248,8 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
         get ci() {
             if (null == this.ch) {
                 this.ch = new FontInfo();
-                this.ch.n = "Verdana";
-                this.ch.d = 16;
+                this.ch.p = "Verdana";
+                this.ch.e = 16;
             }
             return this.ch;
         }
@@ -73736,7 +73802,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         az() {
             let a = this.n;
             if (null != a) {
-                a.b3();
+                a.b5();
             }
             this.co();
             let b = this.g.p();
@@ -74029,7 +74095,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             a.f9(b);
         }
         bp() {
-            this.n.b6();
+            this.n.b8();
         }
         br() {
             let a = this.n;
@@ -74209,9 +74275,9 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             }
             else {
                 let b = new ColumnComparisonFilterCondition();
-                b.f = 14;
-                b.l = this.au;
-                b.i = false;
+                b.operator = 14;
+                b.value = this.au;
+                b.isCaseSensitive = false;
                 this.aw(b);
             }
         }
@@ -74532,7 +74598,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.a = null;
                 if (this.n != null && this.n.aw) {
                     this.cz();
-                    this.n.b6();
+                    this.n.b8();
                 }
             }
         }
@@ -74793,7 +74859,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 return;
             }
             let c = this.c2();
-            this.m.b7(c);
+            this.m.b9(c);
         }
         cp() {
             if (this.g.disallowTabFocus) {
@@ -75125,8 +75191,8 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
         get a1() {
             if (null == this.a0) {
                 this.a0 = new FontInfo();
-                this.a0.n = "Verdana";
-                this.a0.d = DeviceUtils.f(16);
+                this.a0.p = "Verdana";
+                this.a0.e = DeviceUtils.f(16);
             }
             return this.a0;
         }
@@ -76135,86 +76201,86 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
             a.i = this.v.e.exportVisualModel();
             if (this.av != null) {
                 let b = this.av;
-                if (this.v != null && b.n == null) {
+                if (this.v != null && b.p == null) {
                     let c = this.v.ad;
                     let d = FontUtil.getFontInfoFromString(c, b.fontString);
-                    b.n = d.n;
-                    b.d = d.d;
-                    b.o = d.o;
+                    b.p = d.p;
+                    b.e = d.e;
                     b.q = d.q;
-                    b.r = d.r;
                     b.s = d.s;
+                    b.t = d.t;
+                    b.u = d.u;
+                }
+                if (b.p != null) {
+                    a.ab = b.p;
                 }
-                if (b.n != null) {
-                    a.ab = b.n;
+                if (!isNaN_(b.e)) {
+                    a.v = b.e;
                 }
-                if (!isNaN_(b.d)) {
-                    a.v = b.d;
+                if (b.u != null) {
+                    a.af = b.u;
                 }
                 if (b.s != null) {
-                    a.af = b.s;
+                    a.ad = b.s;
                 }
                 if (b.q != null) {
-                    a.ad = b.q;
-                }
-                if (b.o != null) {
-                    a.ac = b.q;
+                    a.ac = b.s;
                 }
             }
             if (this.aw != null) {
                 let e = this.aw;
-                if (this.v != null && e.n == null) {
+                if (this.v != null && e.p == null) {
                     let f = this.v.ad;
                     let g = FontUtil.getFontInfoFromString(f, e.fontString);
-                    e.n = g.n;
-                    e.d = g.d;
-                    e.o = g.o;
+                    e.p = g.p;
+                    e.e = g.e;
                     e.q = g.q;
-                    e.r = g.r;
                     e.s = g.s;
+                    e.t = g.t;
+                    e.u = g.u;
                 }
-                if (e.n != null) {
-                    a.ag = e.n;
+                if (e.p != null) {
+                    a.ag = e.p;
                 }
-                if (!isNaN_(e.d)) {
-                    a.w = e.d;
+                if (!isNaN_(e.e)) {
+                    a.w = e.e;
+                }
+                if (e.u != null) {
+                    a.ak = e.u;
                 }
                 if (e.s != null) {
-                    a.ak = e.s;
+                    a.ai = e.s;
                 }
                 if (e.q != null) {
-                    a.ai = e.q;
-                }
-                if (e.o != null) {
-                    a.ah = e.q;
+                    a.ah = e.s;
                 }
             }
             if (this.ax != null) {
                 let h = this.ax;
-                if (this.v != null && h.n == null) {
+                if (this.v != null && h.p == null) {
                     let i = this.v.ad;
                     let j = FontUtil.getFontInfoFromString(i, h.fontString);
-                    h.n = j.n;
-                    h.d = j.d;
-                    h.o = j.o;
+                    h.p = j.p;
+                    h.e = j.e;
                     h.q = j.q;
-                    h.r = j.r;
                     h.s = j.s;
+                    h.t = j.t;
+                    h.u = j.u;
+                }
+                if (h.p != null) {
+                    a.ao = h.p;
                 }
-                if (h.n != null) {
-                    a.ao = h.n;
+                if (!isNaN_(h.e)) {
+                    a.x = h.e;
                 }
-                if (!isNaN_(h.d)) {
-                    a.x = h.d;
+                if (h.u != null) {
+                    a.as = h.u;
                 }
                 if (h.s != null) {
-                    a.as = h.s;
+                    a.aq = h.s;
                 }
                 if (h.q != null) {
-                    a.aq = h.q;
-                }
-                if (h.o != null) {
-                    a.ap = h.q;
+                    a.ap = h.s;
                 }
             }
             return a;
@@ -81646,7 +81712,12 @@ class IgcGridFilterDialogViewModelGroupingLevel extends IgCollection {
             if (!ext) {
                 ext = new IgcGridFilterDialogViewModelGrouping();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -81690,7 +81761,12 @@ class IgcGridFilterDialogViewModelGroupingLevelCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcGridFilterDialogViewModelGroupingLevel();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -81820,7 +81896,12 @@ class IgcGridFilterDialogViewModelRowCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcGridFilterDialogViewModelRow();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -83503,7 +83584,12 @@ class IgcColumnExchangersCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcColumnExchanger();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -83554,7 +83640,12 @@ class IgcColumnPropertySettersCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcColumnPropertySetter();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -83605,7 +83696,12 @@ class IgcResponsivePhasesCollection extends IgCollection {
             if (!ext) {
                 ext = new IgcResponsivePhase();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;
@@ -83853,11 +83949,11 @@ let PropertyEditorView = /*@__PURE__*/ (() => {
             this.l = null;
             this.c = ((() => {
                 let $ret = new FontInfo();
-                $ret.n = "Verdana";
-                $ret.d = 13;
-                $ret.q = "Normal";
+                $ret.p = "Verdana";
+                $ret.e = 13;
                 $ret.s = "Normal";
-                $ret.o = "Normal";
+                $ret.u = "Normal";
+                $ret.q = "Normal";
                 return $ret;
             })());
             this.af = new Size();
@@ -86000,7 +86096,12 @@ class IgcHorizontalPropertyEditorDataSource extends IgCollection {
             if (!ext) {
                 ext = new IgcPropertyEditorPropertyDescriptionComponent();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;