igniteui-angular-core 19.0.1 → 19.1.0-beta.1

package/esm2015/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -54,17 +54,17 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             super();
             this.l = null;
             this.j = null;
-            this.z = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
+            this.aa = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
             this.d = null;
             this.a = null;
             this.c = null;
             this.b = null;
-            this.aa = new List$1(String_$type, 0);
-            this.af = new Stack$1(String_$type);
-            this.ad = new Stack$1(String_$type);
-            this.ae = new Stack$1(Boolean_$type);
+            this.ab = new List$1(String_$type, 0);
+            this.ag = new Stack$1(String_$type);
+            this.ae = new Stack$1(String_$type);
+            this.af = new Stack$1(Boolean_$type);
+            this.a6 = null;
             this.a5 = null;
-            this.a4 = null;
             this.l = a;
             this.j = b;
             this.d = new CodeGeneratingCodeWriter(this.l);
@@ -72,7 +72,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             this.c = new CodeGeneratingCodeWriter(this.l);
             this.b = new CodeGeneratingCodeWriter(this.l);
         }
-        get_al() {
+        get_am() {
             switch (this.j.platform) {
                 case 1: return "Igx";
                 case 2: return "Igr";
@@ -83,10 +83,10 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        get al() {
-            return this.get_al();
+        get am() {
+            return this.get_am();
         }
-        get_am() {
+        get_an() {
             switch (this.j.platform) {
                 case 1: return "Component";
                 case 2: return "";
@@ -96,10 +96,10 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        get am() {
-            return this.get_am();
+        get an() {
+            return this.get_an();
         }
-        get a6() {
+        get a7() {
             switch (this.j.platform) {
                 case 1: return "angular";
                 case 2: return "react";
@@ -110,7 +110,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get m() {
             return this.l;
         }
-        br(a) {
+        bs(a) {
             this.j.af(a);
         }
         get k() {
@@ -128,11 +128,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get f() {
             return this.b;
         }
-        bb(a) {
+        bc(a) {
             if (a == null || a == "any") {
                 return;
             }
-            this.aa.add(a);
+            this.ab.add(a);
         }
         w(a, b) {
             if (this.r) {
@@ -173,11 +173,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        get aq() {
-            return this.af.d();
+        get ar() {
+            return this.ag.d();
         }
-        bc(a, b, c) {
-            this.af.h(a);
+        bd(a, b, c) {
+            this.ag.h(a);
         }
         u(a, b) {
             let c = false;
@@ -186,99 +186,102 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return c;
         }
-        bq() {
-        }
-        bk(a) {
+        br() {
         }
         bl(a) {
-            this.af.e();
         }
-        bi(a, b, c, d) {
+        bm(a) {
+            this.ag.e();
+        }
+        x(a, b, c) {
+            return b.b == null && a.toLowerCase() == "type";
         }
         bj(a, b, c, d) {
-            this.bi(a, b, c, d);
+        }
+        bk(a, b, c, d) {
+            this.bj(a, b, c, d);
         }
         toString() {
             return this.d.toString();
         }
-        a0() {
+        a1() {
             return "null";
         }
-        a3(a, b, c) {
+        a4(a, b, c) {
             if (b.b == null) {
                 return b.c;
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ag(b);
+                b.c = this.ah(b);
             }
             switch (b.b.knownType) {
                 case 10:
                     if (this.w(a, b)) {
-                        return this.ao(a, b);
+                        return this.ap(a, b);
                     }
-                    return this.at(a, b);
+                    return this.au(a, b);
                 case 23:
                     if (this.w(a, b)) {
-                        return this.ao(a, b);
+                        return this.ap(a, b);
                     }
-                    return this.at(a, b);
+                    return this.au(a, b);
                 case 7: return b.c ? "true" : "false";
-                case 4: return this.ai(b);
+                case 4: return this.aj(b);
                 case 6:
                     {
-                        return stringJoin1(String_$type, " ", this.ab(b, c));
+                        return stringJoin1(String_$type, " ", this.ac(b, c));
                     }
                 case 9:
                     if (this.w(a, b)) {
-                        return this.ao(a, b);
+                        return this.ap(a, b);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
-                case 5: return this.ak(b);
+                case 5: return this.al(b);
                 case 16:
                     {
-                        return stringJoin1(String_$type, " ", this.ac(b, c));
+                        return stringJoin1(String_$type, " ", this.ad(b, c));
                     }
                 case 20:
                     if (b.a != null) {
-                        return this.a2(b);
+                        return this.a3(b);
                     }
                     if (b.c == null) {
-                        return this.a0();
+                        return this.a1();
                     }
                     break;
                 case 22:
                     if (b.a != null) {
-                        return this.a2(b);
+                        return this.a3(b);
                     }
                     if (b.c == null) {
-                        return this.a0();
+                        return this.a1();
                     }
                     break;
                 case 15: throw new NotSupportedException(1, "need to figure this out");
                 case 3: throw new NotSupportedException(1, "need to figure this out");
                 case 19: if (b.a != null) {
-                    return this.ax(b);
+                    return this.ay(b);
                 }
                 else {
-                    return this.a0();
+                    return this.a1();
                 }
                 case 8:
                     if (b.b.specificExternalType == "string") {
-                        return this.aw(b);
+                        return this.ax(b);
                     }
                     if (b.a != null) {
-                        return this.ay(b);
+                        return this.az(b);
                     }
                     if (this.w(a, b)) {
-                        return this.ao(a, b);
+                        return this.ap(a, b);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
                 case 13: throw new NotSupportedException(1, "shouldn't get here");
                 case 18: if (b.a != null) {
-                    return this.az(b);
+                    return this.a0(b);
                 }
                 else {
-                    return this.a0();
+                    return this.a1();
                 }
                 case 1: return b.c.toString();
                 case 11:
@@ -296,8 +299,8 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         let f = b.c;
                         return f.width + ", " + f.height;
                     }
-                case 2: return b.c != null ? b.c.toString() : this.a0();
-                case 21: return this.a9(b.c);
+                case 2: return b.c != null ? b.c.toString() : this.a1();
+                case 21: return this.ba(b.c);
                 case 17:
                     if (b.c == null) {
                         return "null";
@@ -310,7 +313,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        ab(a, b) {
+        ac(a, b) {
             if (a.b == null) {
                 return ((() => {
                     let $ret = new List$1(String_$type, 0);
@@ -319,16 +322,16 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                 })());
             }
             if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-                a.c = this.ag(a);
+                a.c = this.ah(a);
             }
             let c = a.c;
             let d = new List$1(String_$type, 0);
             for (let e = 0; e < c.count; e++) {
-                d.add(this.ah(c.item(e)));
+                d.add(this.ai(c.item(e)));
             }
             return d;
         }
-        ac(a, b) {
+        ad(a, b) {
             if (a.b == null) {
                 return ((() => {
                     let $ret = new List$1(String_$type, 0);
@@ -337,23 +340,23 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                 })());
             }
             if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-                a.c = this.ag(a);
+                a.c = this.ah(a);
             }
             let c = a.c;
             let d = new List$1(String_$type, 0);
             for (let e = 0; e < c.count; e++) {
-                d.add(this.aj(c.item(e)));
+                d.add(this.ak(c.item(e)));
             }
             return d;
         }
-        a9(a) {
+        ba(a) {
             if (a == null) {
                 return "";
             }
             return a.toString();
         }
-        ao(a, b) {
-            let c = this.a8(a, b);
+        ap(a, b) {
+            let c = this.a9(a, b);
             if (b.c != null) {
                 let d = b.c;
                 if (typeCast(List$1.$.specialize(Base.$), d) !== null) {
@@ -361,8 +364,8 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                 }
                 if (typeCast(CodeGenerationItemBuilder.$, d) !== null) {
                     let e = this.i(this.l, this.j);
-                    let f = this.an(c, b.c, e);
-                    c = this.ar(a, b.c, f, c);
+                    let f = this.ao(c, b.c, e);
+                    c = this.as(a, b.c, f, c);
                 }
                 else if (typeCast(Array_$type, d) !== null) {
                     let g = d;
@@ -375,7 +378,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                             let m = g[j].p();
                             if (m == null) {
                                 m = g[j].n();
-                                m = this.au(m);
+                                m = this.av(m);
                             }
                             if (m != null) {
                                 if (m != l) {
@@ -385,34 +388,34 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                                     l = c + "_" + j.toString();
                                 }
                             }
-                            let n = this.an(l, g[j], k);
+                            let n = this.ao(l, g[j], k);
                             h.add(g[j]);
                             i.add(n);
                         }
                     }
-                    c = this.as(b, a, h, i, c);
+                    c = this.at(b, a, h, i, c);
                 }
             }
             return c;
         }
-        an(a, b, c) {
+        ao(a, b, c) {
             b.u = a;
             b.v(c, true);
             let d = c.toString();
-            for (let e of fromEnum(c.aa)) {
-                this.aa.add(e);
+            for (let e of fromEnum(c.ab)) {
+                this.ab.add(e);
             }
             return d;
         }
-        ar(a, b, c, d) {
+        as(a, b, c, d) {
             return d;
         }
-        as(a, b, c, d, e) {
+        at(a, b, c, d, e) {
             return e;
         }
-        a8(a, b) {
+        a9(a, b) {
             if (b.c == null) {
-                return this.a0();
+                return this.a1();
             }
             if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
                 let c = b.c.p();
@@ -420,7 +423,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                     return c;
                 }
                 let d = b.c.n();
-                let e = this.au(d);
+                let e = this.av(d);
                 return e;
             }
             else if (typeCast(IList_$type, b.c) !== null) {
@@ -432,10 +435,10 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         return h;
                     }
                     let i = g.n();
-                    let j = this.au(i);
+                    let j = this.av(i);
                     return j;
                 }
-                return this.au(b.b.propertyName);
+                return this.av(b.b.propertyName);
             }
             else if (typeCast(Array_$type, b.c) !== null) {
                 let k = b.c;
@@ -445,29 +448,29 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         return l;
                     }
                     let m = b.c.n();
-                    let n = this.au(m);
+                    let n = this.av(m);
                     return n;
                 }
-                return this.au(b.b.propertyName);
+                return this.av(b.b.propertyName);
             }
-            return this.a0();
+            return this.a1();
         }
-        at(a, b) {
+        au(a, b) {
             return "";
         }
-        ag(a) {
+        ah(a) {
             return a.c;
         }
-        a2(a) {
+        a3(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 if (a.a.a) {
-                    return this.av(a);
+                    return this.aw(a);
                 }
                 else {
-                    return this.a1(a);
+                    return this.a2(a);
                 }
             }
-            return this.a0();
+            return this.a1();
         }
         s(a) {
             if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
@@ -477,110 +480,110 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        a1(a) {
+        a2(a) {
             return "";
         }
-        av(a) {
+        aw(a) {
             return "";
         }
-        ay(a) {
+        az(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 return a.a.e;
             }
-            return this.a0();
+            return this.a1();
         }
-        aw(a) {
+        ax(a) {
             return a.c != null ? a.c.toString() : "";
         }
-        az(a) {
-            return this.ax(a);
+        a0(a) {
+            return this.ay(a);
         }
-        ax(a) {
+        ay(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.br(a);
+                this.bs(a);
                 return a.a.e;
             }
-            return this.a0();
+            return this.a1();
         }
-        get_x() {
+        get_y() {
             return false;
         }
-        get x() {
-            return this.get_x();
+        get y() {
+            return this.get_y();
         }
-        ak(a) {
+        al(a) {
             let b = a.c;
-            return ColorUtil.k(b, this.x);
+            return ColorUtil.k(b, this.y);
         }
-        aj(a) {
+        ak(a) {
             let b = a;
-            return ColorUtil.k(b, this.x);
+            return ColorUtil.k(b, this.y);
         }
-        ai(a) {
+        aj(a) {
             if (a.c == null) {
                 return "";
             }
             let b = a.c;
-            return ColorUtil.k(b.color, this.x);
+            return ColorUtil.k(b.color, this.y);
         }
-        ah(a) {
+        ai(a) {
             if (a == null) {
                 return "";
             }
             let b = a;
-            return ColorUtil.k(b.color, this.x);
+            return ColorUtil.k(b.color, this.y);
         }
-        bp(a) {
-            this.ad.h(a);
-            this.ae.h(false);
+        bq(a) {
+            this.ae.h(a);
+            this.af.h(false);
         }
-        bo(a) {
-            let b = this.au(a);
-            this.ad.h(b);
-            this.ae.h(true);
+        bp(a) {
+            let b = this.av(a);
+            this.ae.h(b);
+            this.af.h(true);
         }
-        au(a) {
-            let b = stringReplace(stringReplace(a, this.a7, ""), "Component", "");
+        av(a) {
+            let b = stringReplace(stringReplace(a, this.a8, ""), "Component", "");
             b = CodeGeneratingComponentRenderer.e5(b);
             return this.j.v(b);
         }
-        bm() {
-            this.a4 = this.ad.e();
-            this.ae.e();
+        bn() {
+            this.a5 = this.ae.e();
+            this.af.e();
         }
-        get_a7() {
+        get_a8() {
             return "";
         }
-        get a7() {
-            return this.get_a7();
+        get a8() {
+            return this.get_a8();
         }
-        get ap() {
-            if (this.ad.f > 0) {
-                return this.ad.d();
+        get aq() {
+            if (this.ae.f > 0) {
+                return this.ae.d();
             }
-            let a = stringReplace(stringReplace(this.aq, this.a7, ""), "Component", "");
+            let a = stringReplace(stringReplace(this.ar, this.a8, ""), "Component", "");
             return CodeGeneratingComponentRenderer.e5(a);
         }
         get v() {
-            return this.af.f == 1;
+            return this.ag.f == 1;
         }
         get o() {
-            if (this.ae.f == 0) {
+            if (this.af.f == 0) {
                 return false;
             }
-            return this.ae.d();
+            return this.af.d();
         }
         get p() {
-            if (this.ad.f > 0) {
+            if (this.ae.f > 0) {
                 return true;
             }
             return false;
         }
-        get_y() {
+        get_z() {
             return true;
         }
-        get y() {
-            return this.get_y();
+        get z() {
+            return this.get_z();
         }
         get_n() {
             return this.r;
@@ -588,33 +591,33 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get n() {
             return this.get_n();
         }
-        bn() {
-            this.a4 = this.ad.e();
+        bo() {
+            this.a5 = this.ae.e();
         }
-        be(a) {
+        bf(a) {
             let b = this.f.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        bh(a) {
+        bi(a) {
             let b = this.g.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        bd(a) {
+        be(a) {
             let b = this.e.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        bf(a, b) {
-            if (this.aa.count > 0) {
-                this.bg(a, this.aa, b);
+        bg(a, b) {
+            if (this.ab.count > 0) {
+                this.bh(a, this.ab, b);
             }
         }
-        bg(a, b, c) {
+        bh(a, b, c) {
         }
     }
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
@@ -627,9 +630,9 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class BlazorRazorCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bu = 0;
-            this.bs = new HashSet$1(String_$type, 0);
+            this.bv = 0;
             this.bt = new HashSet$1(String_$type, 0);
+            this.bu = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -637,8 +640,8 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         get r() {
             return this.get_r();
         }
-        ar(a, b, c, d) {
-            d = super.ar(a, b, c, d);
+        as(a, b, c, d) {
+            d = super.as(a, b, c, d);
             this.f.l("private " + b.n() + " _" + CodeGeneratingComponentRenderer.e5(d) + " = null;");
             this.f.l("public " + b.n() + " " + CodeGeneratingComponentRenderer.e6(d));
             this.f.l("{");
@@ -660,15 +663,15 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             this.f.l("}");
             return CodeGeneratingComponentRenderer.e6(d);
         }
-        as(a, b, c, d, e) {
-            e = super.as(a, b, c, d, e);
+        at(a, b, c, d, e) {
+            e = super.at(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.am, this.an) + "[]";
             }
             this.f.l("private " + f + " _" + CodeGeneratingComponentRenderer.e5(e) + " = null;");
             this.f.l("public " + f + " " + CodeGeneratingComponentRenderer.e6(e));
@@ -698,10 +701,10 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         i(a, b) {
             return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_y() {
+        get_z() {
             return false;
         }
-        bv(a, b, c) {
+        bw(a, b, c) {
             if (c.c == null) {
                 return "null";
             }
@@ -727,7 +730,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 f.b.knownType = 1;
             }
             if (f.b.knownType == 8) {
-                e = this.a7 + e;
+                e = this.a8 + e;
             }
             let g = "@(new " + e + "[] { ";
             for (let h = 0; h < d.length; h++) {
@@ -736,55 +739,55 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
                 f.c = d[h];
                 if (f.b.knownType == 2) {
-                    g += "\"" + this.a3(a, f, true) + "\"";
+                    g += "\"" + this.a4(a, f, true) + "\"";
                 }
                 else {
-                    g += this.a3(a, f, true);
+                    g += this.a4(a, f, true);
                 }
             }
             g += " })";
             return g;
         }
-        at(a, b) {
+        au(a, b) {
             let c = b.b.specificType;
             if (c == null) {
                 c = b.b.specificExternalType;
             }
-            return this.bv(a, c, b);
+            return this.bw(a, c, b);
         }
-        bc(a, b, c) {
-            super.bc(a, b, c);
+        bd(a, b, c) {
+            super.bd(a, b, c);
             this.h.l("<" + a + "");
-            if (!this.bs.contains(this.ap)) {
-                this.bs.add_1(this.ap);
-                if (!this.bt.contains(this.aq)) {
-                    this.bt.add_1(this.aq);
-                    this.bb(this.aq);
+            if (!this.bt.contains(this.aq)) {
+                this.bt.add_1(this.aq);
+                if (!this.bu.contains(this.ar)) {
+                    this.bu.add_1(this.ar);
+                    this.bc(this.ar);
                 }
-                this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                this.f.l("private " + this.ar + " " + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                 }
             }
         }
-        bq() {
+        br() {
             this.h.l(">");
             this.h.h();
         }
-        bl(a) {
+        bm(a) {
             this.h.f();
             this.h.l("</" + a + ">");
             this.h.l("");
-            super.bl(a);
+            super.bm(a);
         }
-        bi(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.e6(c.b.propertyName)) && this.q(d, c)) {
-                this.br(c);
+                this.bs(c);
                 if (a > 0) {
                     this.h.l("");
                 }
@@ -797,29 +800,29 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 return;
             }
             if (this.s(c)) {
-                this.br(c);
-                if (!this.bs.contains(this.ap)) {
-                    this.bs.add_1(this.ap);
-                    if (!this.bt.contains(this.aq)) {
-                        this.bt.add_1(this.aq);
-                        this.bb(this.aq);
+                this.bs(c);
+                if (!this.bt.contains(this.aq)) {
+                    this.bt.add_1(this.aq);
+                    if (!this.bu.contains(this.ar)) {
+                        this.bu.add_1(this.ar);
+                        this.bc(this.ar);
                     }
-                    this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                    this.f.l("private " + this.ar + " " + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                     }
                 }
-                let e = CodeGeneratingComponentRenderer.e5(this.a3(d, c, true));
+                let e = CodeGeneratingComponentRenderer.e5(this.a4(d, c, true));
                 let f = e;
                 if (f != "null" && !stringStartsWith(f, "this.")) {
                     f = "this." + f;
                 }
-                this.e.l(CodeGeneratingComponentRenderer.e5(this.ap) + "." + b + " = " + f + ";");
+                this.e.l(CodeGeneratingComponentRenderer.e5(this.aq) + "." + b + " = " + f + ";");
                 return;
             }
             if (a > 0) {
@@ -846,24 +849,24 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 this.h.j(b);
                 this.h.j("=");
                 this.h.j("\"");
-                this.h.j(this.a3(d, c, true));
+                this.h.j(this.a4(d, c, true));
                 this.h.j("\"");
             }
             if (b == "Name") {
                 this.h.l("");
-                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.e5(this.a3(d, c, true)) + "\"");
+                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.e5(this.a4(d, c, true)) + "\"");
             }
         }
-        aw(a) {
+        ax(a) {
             let b = a.b != null ? a.b.specificType + "." : "";
             return b + (a.c != null ? a.c.toString() : "");
         }
-        a3(a, b, c) {
+        a4(a, b, c) {
             if (b.b == null) {
                 return b.c;
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ag(b);
+                b.c = this.ah(b);
             }
             switch (b.b.knownType) {
                 case 11:
@@ -893,9 +896,9 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     }
                     return b.c.toString();
             }
-            return super.a3(a, b, c);
+            return super.a4(a, b, c);
         }
-        ag(a) {
+        ah(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -905,21 +908,21 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        a0() {
+        a1() {
             return "@null";
         }
-        av(a) {
+        aw(a) {
             return CodeGeneratingComponentRenderer.e5(CodeGeneratingComponentRenderer.e5(a.a.e));
         }
-        bw(a) {
+        bx(a) {
             a = stringReplace(a, "-", "_");
             return CodeGeneratingComponentRenderer.e6(a);
         }
-        a1(a) {
-            this.br(a);
+        a2(a) {
+            this.bs(a);
             return CodeGeneratingComponentRenderer.e6(a.a.e);
         }
-        bj(a, b, c, d) {
+        bk(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -938,7 +941,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
             }
         }
-        get_a7() {
+        get_a8() {
             return "Igb";
         }
     }
@@ -952,9 +955,9 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
     class BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bu = 0;
-            this.bs = new HashSet$1(String_$type, 0);
+            this.bv = 0;
             this.bt = new HashSet$1(String_$type, 0);
+            this.bu = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return true;
@@ -965,10 +968,10 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
         i(a, b) {
             return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_y() {
+        get_z() {
             return false;
         }
-        bv(a, b) {
+        bw(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -983,9 +986,9 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             d += " }";
             return d;
         }
-        at(a, b) {
+        au(a, b) {
             if (b.b.specificExternalType == "string") {
-                return this.bv(b.b.specificExternalType, b);
+                return this.bw(b.b.specificExternalType, b);
             }
             if (b.c == null) {
                 return "null";
@@ -1000,74 +1003,74 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             }
             return d;
         }
-        bc(a, b, c) {
-            super.bc(a, b, c);
+        bd(a, b, c) {
+            super.bd(a, b, c);
             if (this.v) {
-                this.h.l("var " + this.ap + " = new " + a + "();");
+                this.h.l("var " + this.aq + " = new " + a + "();");
             }
             else {
-                this.h.l("var " + this.ap + " = new " + a + "();");
+                this.h.l("var " + this.aq + " = new " + a + "();");
             }
-            if (!this.bs.contains(this.ap)) {
-                this.bs.add_1(this.ap);
-                if (!this.bt.contains(this.aq)) {
-                    this.bt.add_1(this.aq);
-                    this.bb(this.aq);
+            if (!this.bt.contains(this.aq)) {
+                this.bt.add_1(this.aq);
+                if (!this.bu.contains(this.ar)) {
+                    this.bu.add_1(this.ar);
+                    this.bc(this.ar);
                 }
-                this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                this.f.l("private " + this.ar + " " + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                 }
             }
         }
-        bq() {
+        br() {
         }
-        bl(a) {
-            super.bl(a);
+        bm(a) {
+            super.bm(a);
         }
-        bi(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.e6(c.b.propertyName)) && this.q(d, c)) {
-                this.br(c);
+                this.bs(c);
                 if (a > 0) {
                     this.h.l("");
                 }
                 if (c.a == null || c.a.e == null) {
-                    this.h.j(this.ap + "." + b + "Name = null;");
+                    this.h.j(this.aq + "." + b + "Name = null;");
                 }
                 else {
-                    this.h.j(this.ap + "." + b + "Name = " + c.a.e + ";");
+                    this.h.j(this.aq + "." + b + "Name = " + c.a.e + ";");
                 }
                 return;
             }
             if (this.s(c)) {
-                this.br(c);
-                if (!this.bs.contains(this.ap)) {
-                    this.bs.add_1(this.ap);
-                    if (!this.bt.contains(this.aq)) {
-                        this.bt.add_1(this.aq);
-                        this.bb(this.aq);
+                this.bs(c);
+                if (!this.bt.contains(this.aq)) {
+                    this.bt.add_1(this.aq);
+                    if (!this.bu.contains(this.ar)) {
+                        this.bu.add_1(this.ar);
+                        this.bc(this.ar);
                     }
-                    this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                    this.f.l("private " + this.ar + " " + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + ";");
                     }
                 }
-                let e = CodeGeneratingComponentRenderer.e5(this.a3(d, c, true));
+                let e = CodeGeneratingComponentRenderer.e5(this.a4(d, c, true));
                 let f = e;
                 if (f != "null" && !stringStartsWith(f, "this.")) {
                     f = "this." + f;
                 }
-                this.e.l(CodeGeneratingComponentRenderer.e5(this.ap) + "." + b + " = " + f + ";");
+                this.e.l(CodeGeneratingComponentRenderer.e5(this.aq) + "." + b + " = " + f + ";");
                 return;
             }
             if (a > 0) {
@@ -1093,28 +1096,28 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                         }
                     }
                 }
-                this.h.j(this.ap + ".");
+                this.h.j(this.aq + ".");
                 this.h.j(b);
                 this.h.j(" = ");
                 if (h) {
-                    this.h.j("\"" + this.a3(d, c, true) + "\"");
+                    this.h.j("\"" + this.a4(d, c, true) + "\"");
                 }
                 else {
-                    this.h.j(this.a3(d, c, true));
+                    this.h.j(this.a4(d, c, true));
                 }
                 this.h.j(";");
             }
         }
-        aw(a) {
+        ax(a) {
             let b = a.b != null ? a.b.specificType + "." : "";
             return b + (a.c != null ? a.c.toString() : "");
         }
-        a3(a, b, c) {
+        a4(a, b, c) {
             if (b.b == null) {
                 return "\"" + b.c + "\"";
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ag(b);
+                b.c = this.ah(b);
             }
             switch (b.b.knownType) {
                 case 11:
@@ -1146,12 +1149,12 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                 case 5:
                 case 6:
                 case 16:
-                case 2: return "\"" + super.a3(a, b, c) + "\"";
+                case 2: return "\"" + super.a4(a, b, c) + "\"";
                 case 9: throw new NotSupportedException(1, "shouldn't get here");
             }
-            return super.a3(a, b, c);
+            return super.a4(a, b, c);
         }
-        ag(a) {
+        ah(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1161,21 +1164,21 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             }
             return b.b;
         }
-        a0() {
+        a1() {
             return "null";
         }
-        av(a) {
+        aw(a) {
             return CodeGeneratingComponentRenderer.e5(CodeGeneratingComponentRenderer.e5(a.a.e));
         }
-        bw(a) {
+        bx(a) {
             a = stringReplace(a, "-", "_");
             return CodeGeneratingComponentRenderer.e6(a);
         }
-        a1(a) {
-            this.br(a);
+        a2(a) {
+            this.bs(a);
             return CodeGeneratingComponentRenderer.e6(a.a.e);
         }
-        bj(a, b, c, d) {
+        bk(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -1183,7 +1186,7 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
                             g.v(this, false);
-                            this.h.l(this.ap + "." + b + ".Add(" + this.a4 + ");");
+                            this.h.l(this.aq + "." + b + ".Add(" + this.a5 + ");");
                         }
                     }
                 }
@@ -1197,23 +1200,23 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                         if (typeCast(CodeGenerationItemBuilder.$, k) !== null) {
                             let l = k;
                             l.v(this, false);
-                            i += this.a4 + ",";
+                            i += this.a5 + ",";
                         }
                     }
                     i = trimEnd(i, ',');
                     i += "]";
-                    this.h.l(this.ap + "." + b + " = " + i + ";");
+                    this.h.l(this.aq + "." + b + " = " + i + ";");
                 }
             }
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let m = c.c;
                     m.v(this, false);
-                    this.h.l(this.ap + "." + b + " = " + this.a4 + ";");
+                    this.h.l(this.aq + "." + b + " = " + this.a5 + ";");
                 }
             }
         }
-        get_a7() {
+        get_a8() {
             return "Igb";
         }
     }
@@ -1227,8 +1230,9 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class ReactMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bs = new HashSet$1(String_$type, 0);
-            this.bt = new HashSet$1(String_$type, 0);
+            this.bx = new HashSet$1(String_$type, 0);
+            this.by = new HashSet$1(String_$type, 0);
+            this.bz = new Stack$1(Boolean_$type);
         }
         get_r() {
             return false;
@@ -1236,8 +1240,8 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         get r() {
             return this.get_r();
         }
-        ar(a, b, c, d) {
-            d = super.ar(a, b, c, d);
+        as(a, b, c, d) {
+            d = super.as(a, b, c, d);
             let e = b.r();
             this.f.l("private " + " _" + CodeGeneratingComponentRenderer.e5(d) + ": " + e + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.e5(d) + "(): " + e + " {");
@@ -1254,15 +1258,15 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             this.f.l("}");
             return CodeGeneratingComponentRenderer.e6(d);
         }
-        as(a, b, c, d, e) {
-            e = super.as(a, b, c, d, e);
+        at(a, b, c, d, e) {
+            e = super.at(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.am, this.an) + "[]";
             }
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.e5(e) + ": " + f + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.e5(e) + "(): " + f + " {");
@@ -1286,7 +1290,7 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         i(a, b) {
             return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        at(a, b) {
+        au(a, b) {
             if (b.c == null) {
                 return "{null}";
             }
@@ -1317,43 +1321,82 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             g += "]";
             return g;
         }
-        get_x() {
+        get_y() {
             return true;
         }
-        get_a7() {
+        get_a8() {
             return "Igr";
         }
-        bc(a, b, c) {
-            super.bc(a, b, c);
-            this.h.l("<" + this.bv(a) + "");
+        get bv() {
+            return this.bz.d();
+        }
+        bd(a, b, c) {
+            this.bz.h(this.bt(b, c));
+            super.bd(a, b, c);
+            this.h.l("<" + this.b1(a) + "");
             this.h.h();
-            if (!this.bt.contains(this.aq)) {
-                this.bt.add_1(this.aq);
-                this.bb(this.aq);
+            if (!this.by.contains(this.ar)) {
+                this.by.add_1(this.ar);
+                this.bc(this.ar);
             }
-            if (!this.bs.contains(this.ap)) {
-                this.bs.add_1(this.ap);
-                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.ap) + ": " + this.aq);
+            if (!this.bx.contains(this.aq)) {
+                this.bx.add_1(this.aq);
+                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.aq) + ": " + this.ar);
                 if (this.v) {
-                    this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.ap) + "Ref(r: " + this.aq + ") {");
+                    this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.aq) + "Ref(r: " + this.ar + ") {");
                     this.f.h();
-                    this.f.l("this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = r;");
+                    this.f.l("this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = r;");
                     this.f.l("this.setState({});");
                     this.f.f();
                     this.f.l("}");
-                    this.g.l("this." + CodeGeneratingComponentRenderer.e5(this.ap) + "Ref = " + "this." + CodeGeneratingComponentRenderer.e5(this.ap) + "Ref.bind(this);");
+                    this.g.l("this." + CodeGeneratingComponentRenderer.e5(this.aq) + "Ref = " + "this." + CodeGeneratingComponentRenderer.e5(this.aq) + "Ref.bind(this);");
                 }
             }
         }
-        bv(a) {
+        bt(a, b) {
+            return b.getMetadata(a != null ? a : "", "__tagNameWC") != null;
+        }
+        bu(a) {
+            return a.b != null && a.b.knownType == 8 && a.b.specificExternalType == "string" && this.bt(a.b.owningType, a.b.owningContext);
+        }
+        b1(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
             return CodeGeneratingComponentRenderer.e6(a);
         }
-        bq() {
-            if (!this.v && !this.p) {
-                let a = this.bu();
+        bw(a) {
+            if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
+                return false;
+            }
+            let b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
+            for (let c = 0; c < b.length; c++) {
+                if (b[c].toLowerCase() == this.a7) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        ax(a) {
+            if (this.bw(a)) {
+                return CodeGeneratingComponentRenderer.e7(a.c.toString());
+            }
+            else if (this.bu(a)) {
+                if (!this.by.contains(a.b.specificType)) {
+                    this.by.add_1(a.b.specificType);
+                    let b = WebImportsHalper.b(a, this.k);
+                    this.bc(b);
+                }
+                let c = a.b != null ? a.b.specificType + "." : "";
+                return c + (a.c != null ? a.c.toString() : "");
+            }
+            else {
+                return super.ax(a);
+            }
+        }
+        br() {
+            if (!this.v && !this.p && !this.bv) {
+                let a = this.b0();
                 this.h.l("");
                 this.h.l("name=\"" + a + "\"");
             }
@@ -1361,31 +1404,44 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             this.h.l(">");
             this.h.h();
         }
-        bu() {
-            let a = CodeGeneratingComponentRenderer.e5(stringReplace(stringReplace(this.aq, this.a7, ""), "Component", ""));
+        b0() {
+            let a = CodeGeneratingComponentRenderer.e5(stringReplace(stringReplace(this.ar, this.a8, ""), "Component", ""));
             a = this.k.u(a);
             return a;
         }
-        ax(a) {
+        ay(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.br(a);
-                if (!this.bs.contains(a.a.e)) {
+                this.bs(a);
+                if (!this.bx.contains(a.a.e)) {
                     this.g.l("this." + CodeGeneratingComponentRenderer.e5(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.e5(a.a.e) + ".bind(this);");
                 }
                 return "this." + CodeGeneratingComponentRenderer.e5(a.a.e);
             }
-            return this.a0();
+            return this.a1();
         }
-        bl(a) {
+        bm(a) {
             this.h.f();
-            this.h.l("</" + this.bv(a) + ">");
-            super.bl(a);
+            this.h.l("</" + this.b1(a) + ">");
+            super.bm(a);
+            this.bz.e();
         }
-        bi(a, b, c, d) {
+        x(a, b, c) {
+            if (this.bv && a.toLowerCase() == "name" && this.a6 == "grids") {
+                return !this.p || !this.v;
+            }
+            return super.x(a, b, c);
+        }
+        bj(a, b, c, d) {
             let e = CodeGeneratingComponentRenderer.e5(b);
-            let f = this.a3(d, c, true);
+            let f = this.a4(d, c, true);
+            let g = c.b != null && this.bt(c.b.owningType, d);
+            if (g) {
+                if (c.b.knownType == 19) {
+                    e = "on" + CodeGeneratingComponentRenderer.e6(e);
+                }
+            }
             if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.e6(c.b.propertyName)) && this.q(d, c)) {
-                this.br(c);
+                this.bs(c);
                 if (a > 0) {
                     this.h.l("");
                 }
@@ -1398,17 +1454,21 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 return;
             }
             if (!(e == "name") || !this.v) {
-                let g = (c.b != null && c.b.knownType == 10);
+                let h = (c.b != null && c.b.knownType == 10);
+                let i = (c.b != null && c.b.knownType == 7);
+                let j = (c.b != null && c.b.knownType == 1);
+                let k = c.b != null && !this.bw(c) && this.bu(c);
+                let l = h || (g && (i || j || k));
                 if (this.q(d, c)) {
-                    this.br(c);
-                    let h = CodeGeneratingComponentRenderer.e5(f);
-                    let i = h;
-                    if (i != "null" && !stringStartsWith(i, "this.")) {
-                        i = "this." + i;
+                    this.bs(c);
+                    let m = CodeGeneratingComponentRenderer.e5(f);
+                    let n = m;
+                    if (n != "null" && !stringStartsWith(n, "this.")) {
+                        n = "this." + n;
                     }
-                    f = "{" + i + "}";
+                    f = "{" + n + "}";
                 }
-                else if (g) {
+                else if (l) {
                     f = "{" + f + "}";
                 }
                 if (a > 0) {
@@ -1416,11 +1476,11 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
                 this.h.j(e);
                 this.h.j("=");
-                if (!this.q(d, c) && !g) {
+                if (!this.q(d, c) && !l) {
                     this.h.j("\"");
                 }
                 this.h.j(f);
-                if (!this.q(d, c) && !g) {
+                if (!this.q(d, c) && !l) {
                     this.h.j("\"");
                 }
                 a++;
@@ -1430,11 +1490,11 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     if (a > 0) {
                         this.h.l("");
                     }
-                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.e5(this.a3(d, c, true)) + "Ref}");
+                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.e5(this.a4(d, c, true)) + "Ref}");
                 }
             }
         }
-        ag(a) {
+        ah(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1444,16 +1504,16 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        a0() {
+        a1() {
             return "null";
         }
-        av(a) {
+        aw(a) {
             return "this." + CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        a1(a) {
+        a2(a) {
             return "this." + CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        bj(a, b, c, d) {
+        bk(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -1472,9 +1532,9 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
             }
         }
-        bg(a, b, c) {
-            super.bg(a, b, c);
-            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
+        bh(a, b, c) {
+            super.bh(a, b, c);
+            WebImportsHalper.d(this.k, this.a7, this.a6, this.a8, a, b, c);
         }
     }
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1487,9 +1547,9 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
     class WebCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bv = 0;
-            this.bt = new HashSet$1(String_$type, 0);
+            this.bw = 0;
             this.bu = new HashSet$1(String_$type, 0);
+            this.bv = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return true;
@@ -1497,42 +1557,33 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         get r() {
             return this.get_r();
         }
-        bs(a) {
+        bt(a) {
             if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
                 return false;
             }
             let b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
             for (let c = 0; c < b.length; c++) {
-                if (b[c].toLowerCase() == this.a6) {
+                if (b[c].toLowerCase() == this.a7) {
                     return true;
                 }
             }
             return false;
         }
-        aw(a) {
-            if (this.bs(a)) {
+        ax(a) {
+            if (this.bt(a)) {
                 return "\"" + CodeGeneratingComponentRenderer.e7(a.c.toString()) + "\"";
             }
             else {
-                if (!this.bu.contains(a.b.specificType)) {
-                    this.bu.add_1(a.b.specificType);
-                    if (a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
-                        let b = a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
-                        this.bb(a.b.specificType + ":" + b);
-                    }
-                    else if (a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
-                        let c = a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
-                        this.bb(a.b.specificType + ":" + c);
-                    }
-                    else {
-                        this.bb(a.b.specificType);
-                    }
+                if (!this.bv.contains(a.b.specificType)) {
+                    this.bv.add_1(a.b.specificType);
+                    let b = WebImportsHalper.b(a, this.k);
+                    this.bc(b);
                 }
-                let d = a.b != null ? a.b.specificType + "." : "";
-                return d + (a.c != null ? a.c.toString() : "");
+                let c = a.b != null ? a.b.specificType + "." : "";
+                return c + (a.c != null ? a.c.toString() : "");
             }
         }
-        at(a, b) {
+        au(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -1546,107 +1597,99 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
             }
             return d + "]";
         }
-        get_x() {
+        get_y() {
             return true;
         }
-        u(a, b) {
-            let c = false;
-            let d = this.a6 == "react" ? b.getMetadata(a, "__isPlainObject") != null && (b.getMetadata(a, "__isTSPlainInterface") != null || b.getMetadata(a, "__marshalByValue") == null) : b.getMetadata(a, "__isPlainObject") != null;
-            if (d) {
-                c = true;
-            }
-            return c;
-        }
-        bc(a, b, c) {
-            super.bc(a, b, c);
+        bd(a, b, c) {
+            super.bd(a, b, c);
             let d = this.u(b, c);
             if (d) {
                 if (this.v) {
-                    this.h.l("var " + this.ap + ": " + a + " = {} as " + a + ";");
+                    this.h.l("var " + this.aq + ": " + a + " = {} as " + a + ";");
                 }
                 else {
-                    this.h.l("var " + this.ap + ": " + a + " = {} as " + a + ";");
+                    this.h.l("var " + this.aq + ": " + a + " = {} as " + a + ";");
                 }
             }
             else {
                 if (this.v) {
-                    this.h.l("var " + this.ap + " = new " + a + "();");
+                    this.h.l("var " + this.aq + " = new " + a + "();");
                 }
                 else {
-                    this.h.l("var " + this.ap + " = new " + a + "();");
+                    this.h.l("var " + this.aq + " = new " + a + "();");
                 }
             }
-            if (!this.bt.contains(this.ap)) {
-                this.bt.add_1(this.ap);
-                if (!this.bu.contains(this.aq)) {
-                    this.bu.add_1(this.aq);
-                    this.bb(this.aq);
+            if (!this.bu.contains(this.aq)) {
+                this.bu.add_1(this.aq);
+                if (!this.bv.contains(this.ar)) {
+                    this.bv.add_1(this.ar);
+                    this.bc(this.ar);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.ap) + ": " + this.aq);
+                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.aq) + ": " + this.ar);
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.ar, "Component", "")) + "') as " + this.ar + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.getElementById('" + this.aq + "') as " + this.ar + ";");
                 }
             }
         }
-        bw(a) {
+        bx(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
             return CodeGeneratingComponentRenderer.e8(a);
         }
-        bq() {
+        br() {
             this.h.l("");
         }
-        bk(a) {
-        }
         bl(a) {
+        }
+        bm(a) {
             {
                 this.h.l("");
             }
-            super.bl(a);
+            super.bm(a);
         }
-        bi(a, b, c, d) {
+        bj(a, b, c, d) {
             let e = CodeGeneratingComponentRenderer.e5(b);
             if (e == "name" && c.b == null) {
                 return;
             }
             if (this.s(c)) {
-                this.br(c);
-                if (!this.bt.contains(this.ap)) {
-                    this.bt.add_1(this.ap);
-                    if (!this.bu.contains(this.aq)) {
-                        this.bu.add_1(this.aq);
-                        this.bb(this.aq);
+                this.bs(c);
+                if (!this.bu.contains(this.aq)) {
+                    this.bu.add_1(this.aq);
+                    if (!this.bv.contains(this.ar)) {
+                        this.bv.add_1(this.ar);
+                        this.bc(this.ar);
                     }
-                    this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.ap) + ": " + this.aq);
+                    this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.aq) + ": " + this.ar);
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.ar, "Component", "")) + "') as " + this.ar + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.getElementById('" + this.aq + "') as " + this.ar + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.e5(this.a3(d, c, true));
+                let f = CodeGeneratingComponentRenderer.e5(this.a4(d, c, true));
                 let g = f;
                 if (g != "null" && !stringStartsWith(g, "this.")) {
                     g = "this." + g;
                 }
-                if (this.aq == "any" && stringContains(e, "-")) {
-                    this.e.l(CodeGeneratingComponentRenderer.e5(this.ap) + "['" + e + "'] = " + g + ";");
+                if (this.ar == "any" && stringContains(e, "-")) {
+                    this.e.l(CodeGeneratingComponentRenderer.e5(this.aq) + "['" + e + "'] = " + g + ";");
                 }
                 else {
                     if (c.b != null && c.b.isCustomEvent) {
-                        this.e.l(CodeGeneratingComponentRenderer.e5(this.ap) + ".addEventListener(\"" + e + "\", " + g + ");");
+                        this.e.l(CodeGeneratingComponentRenderer.e5(this.aq) + ".addEventListener(\"" + e + "\", " + g + ");");
                     }
                     else {
-                        this.e.l(CodeGeneratingComponentRenderer.e5(this.ap) + "." + e + " = " + g + ";");
+                        this.e.l(CodeGeneratingComponentRenderer.e5(this.aq) + "." + e + " = " + g + ";");
                     }
                 }
                 return;
@@ -1654,17 +1697,17 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
             if (a > 0) {
                 this.h.l("");
             }
-            if (this.aq == "any" && stringContains(e, "-")) {
-                this.h.j(this.ap + "." + CodeGeneratingComponentRenderer.e5(this.ap) + "['" + e + "']");
+            if (this.ar == "any" && stringContains(e, "-")) {
+                this.h.j(this.aq + "." + CodeGeneratingComponentRenderer.e5(this.aq) + "['" + e + "']");
             }
             else {
-                this.h.j(this.ap + "." + CodeGeneratingComponentRenderer.e5(e));
+                this.h.j(this.aq + "." + CodeGeneratingComponentRenderer.e5(e));
             }
             this.h.j(" = ");
-            this.h.j(this.a3(d, c, true));
+            this.h.j(this.a4(d, c, true));
             this.h.j(";");
         }
-        ag(a) {
+        ah(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1674,31 +1717,31 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
             }
             return b.b;
         }
-        a0() {
+        a1() {
             return "null";
         }
-        av(a) {
+        aw(a) {
             return CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        a1(a) {
+        a2(a) {
             return CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        ax(a) {
+        ay(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.br(a);
-                if (!this.bt.contains(a.a.e)) {
+                this.bs(a);
+                if (!this.bu.contains(a.a.e)) {
                     this.g.l("this." + CodeGeneratingComponentRenderer.e5(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.e5(a.a.e) + ".bind(this);");
                 }
                 return "this." + CodeGeneratingComponentRenderer.e5(a.a.e);
             }
-            return this.a0();
+            return this.a1();
         }
-        a3(a, b, c) {
+        a4(a, b, c) {
             if (b.b == null) {
                 return "\"" + b.c + "\"";
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ag(b);
+                b.c = this.ah(b);
             }
             switch (b.b.knownType) {
                 case 11:
@@ -1728,15 +1771,15 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                     }
                     return b.c.toString();
                 case 5:
-                case 2: return "\"" + super.a3(a, b, c) + "\"";
-                case 23: return "[" + super.a3(a, b, c) + "]";
-                case 6: return "[\"" + stringJoin1(String_$type, "\", \"", super.ab(b, c)) + "\"]";
-                case 16: return "[\"" + stringJoin1(String_$type, "\", \"", super.ac(b, c)) + "\"]";
+                case 2: return "\"" + super.a4(a, b, c) + "\"";
+                case 23: return "[" + super.a4(a, b, c) + "]";
+                case 6: return "[\"" + stringJoin1(String_$type, "\", \"", super.ac(b, c)) + "\"]";
+                case 16: return "[\"" + stringJoin1(String_$type, "\", \"", super.ad(b, c)) + "\"]";
                 case 9: throw new NotSupportedException(1, "shouldn't get here");
             }
-            return super.a3(a, b, c);
+            return super.a4(a, b, c);
         }
-        bj(a, b, c, d) {
+        bk(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -1754,12 +1797,12 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                             if (k) {
                                 if (f) {
                                     f = false;
-                                    this.h.l(this.ap + "." + b + " = []");
+                                    this.h.l(this.aq + "." + b + " = []");
                                 }
-                                this.h.l(this.ap + "." + b + ".push(" + this.a4 + ");");
+                                this.h.l(this.aq + "." + b + ".push(" + this.a5 + ");");
                             }
                             else {
-                                this.h.l(this.ap + "." + b + ".add(" + this.a4 + ");");
+                                this.h.l(this.aq + "." + b + ".add(" + this.a5 + ");");
                             }
                         }
                     }
@@ -1774,19 +1817,19 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                         if (typeCast(CodeGenerationItemBuilder.$, o) !== null) {
                             let p = o;
                             p.v(this, false);
-                            m += this.a4 + ",";
+                            m += this.a5 + ",";
                         }
                     }
                     m = trimEnd(m, ',');
                     m += "]";
-                    this.h.l(this.ap + "." + b + " = " + m + ";");
+                    this.h.l(this.aq + "." + b + " = " + m + ";");
                 }
             }
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let q = c.c;
                     q.v(this, false);
-                    this.h.l(this.ap + "." + b + " = " + this.a4 + ";");
+                    this.h.l(this.aq + "." + b + " = " + this.a5 + ";");
                 }
             }
         }
@@ -1808,16 +1851,19 @@ export let ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         i(a, b) {
             return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_a7() {
+        get_a8() {
             return "Igc";
         }
-        bg(a, b, c) {
-            super.bg(a, b, c);
-            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
+        bh(a, b, c) {
+            super.bh(a, b, c);
+            WebImportsHalper.d(this.k, this.a7, this.a6, this.a8, a, b, c);
         }
-        bx(a, b) {
+        u(a, b) {
             let c = false;
-            if (b.getMetadata(a, "__isPlainObject") != null && b.getMetadata(a, "__marshalByValue") == null) {
+            if (b.getMetadata(a, "__isPlainObject") != null && (b.getMetadata(a, "__isTSPlainInterface") != null || b.getMetadata(a, "__marshalByValue") == null)) {
+                c = true;
+            }
+            if (b.getMetadata(a, "__isPlainObject") != null && this.a6 == "grids") {
                 c = true;
             }
             return c;
@@ -1833,9 +1879,9 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
     class WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bv = 0;
-            this.bt = new HashSet$1(String_$type, 0);
+            this.bw = 0;
             this.bu = new HashSet$1(String_$type, 0);
+            this.bv = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -1843,31 +1889,31 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
         get r() {
             return this.get_r();
         }
-        bs(a) {
+        bt(a) {
             if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
                 return false;
             }
             let b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
             for (let c = 0; c < b.length; c++) {
-                if (b[c].toLowerCase() == this.a6) {
+                if (b[c].toLowerCase() == this.a7) {
                     return true;
                 }
             }
             return false;
         }
-        aw(a) {
-            if (this.bs(a)) {
+        ax(a) {
+            if (this.bt(a)) {
                 return CodeGeneratingComponentRenderer.e7(a.c.toString());
             }
             else {
-                return super.aw(a);
+                return super.ax(a);
             }
         }
         i(a, b) {
             return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        ar(a, b, c, d) {
-            d = super.ar(a, b, c, d);
+        as(a, b, c, d) {
+            d = super.as(a, b, c, d);
             let e = b.r();
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.e5(d) + ": " + e + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.e5(d) + "(): " + e + " {");
@@ -1884,15 +1930,15 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             this.f.l("}");
             return CodeGeneratingComponentRenderer.e6(d);
         }
-        as(a, b, c, d, e) {
-            e = super.as(a, b, c, d, e);
+        at(a, b, c, d, e) {
+            e = super.at(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.am, this.an) + "[]";
             }
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.e5(e) + ": " + f + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.e5(e) + "(): " + f + " {");
@@ -1913,7 +1959,7 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             this.f.l("}");
             return CodeGeneratingComponentRenderer.e6(e);
         }
-        at(a, b) {
+        au(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -1927,81 +1973,81 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             }
             return d;
         }
-        get_x() {
+        get_y() {
             return true;
         }
-        bc(a, b, c) {
-            super.bc(a, b, c);
-            this.h.l("<" + this.bw(a) + "");
-            if (!this.bt.contains(this.ap)) {
-                this.bt.add_1(this.ap);
-                if (!this.bu.contains(this.aq)) {
-                    this.bu.add_1(this.aq);
-                    this.bb(this.aq);
+        bd(a, b, c) {
+            super.bd(a, b, c);
+            this.h.l("<" + this.bx(a) + "");
+            if (!this.bu.contains(this.aq)) {
+                this.bu.add_1(this.aq);
+                if (!this.bv.contains(this.ar)) {
+                    this.bv.add_1(this.ar);
+                    this.bc(this.ar);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.ap) + ": " + this.aq);
+                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.aq) + ": " + this.ar);
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.ar, "Component", "")) + "') as " + this.ar + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.getElementById('" + this.aq + "') as " + this.ar + ";");
                 }
             }
         }
-        bw(a) {
+        bx(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
             return CodeGeneratingComponentRenderer.e8(a);
         }
-        bq() {
+        br() {
             this.h.l(">");
             this.h.h();
         }
-        bl(a) {
+        bm(a) {
             this.h.f();
-            this.h.l("</" + this.bw(a) + ">");
-            super.bl(a);
+            this.h.l("</" + this.bx(a) + ">");
+            super.bm(a);
         }
-        get_a7() {
+        get_a8() {
             return "Igc";
         }
-        bg(a, b, c) {
-            super.bg(a, b, c);
-            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
+        bh(a, b, c) {
+            super.bh(a, b, c);
+            WebImportsHalper.d(this.k, this.a7, this.a6, this.a8, a, b, c);
         }
-        bi(a, b, c, d) {
+        bj(a, b, c, d) {
             let e = CodeGeneratingComponentRenderer.e5(b);
             if (this.q(d, c)) {
-                this.br(c);
-                if (!this.bt.contains(this.ap)) {
-                    this.bt.add_1(this.ap);
-                    if (!this.bu.contains(this.aq)) {
-                        this.bu.add_1(this.aq);
-                        this.bb(this.aq);
+                this.bs(c);
+                if (!this.bu.contains(this.aq)) {
+                    this.bu.add_1(this.aq);
+                    if (!this.bv.contains(this.ar)) {
+                        this.bv.add_1(this.ar);
+                        this.bc(this.ar);
                     }
-                    this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.ap) + ": " + this.aq);
+                    this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.aq) + ": " + this.ar);
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.querySelector('" + CodeGeneratingComponentRenderer.e8(stringReplace(this.ar, "Component", "")) + "') as " + this.ar + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.ap) + " = this." + CodeGeneratingComponentRenderer.e5(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.e5(this.aq) + " = this." + CodeGeneratingComponentRenderer.e5(this.aq) + " = document.getElementById('" + this.aq + "') as " + this.ar + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.e5(this.a3(d, c, true));
+                let f = CodeGeneratingComponentRenderer.e5(this.a4(d, c, true));
                 let g = f;
                 if (g != "null" && !stringStartsWith(g, "this.")) {
                     g = "this." + g;
                 }
                 if (c.b.isCustomEvent) {
-                    this.e.l(CodeGeneratingComponentRenderer.e5(this.ap) + ".addEventListener(\"" + e + "\", " + g + ");");
+                    this.e.l(CodeGeneratingComponentRenderer.e5(this.aq) + ".addEventListener(\"" + e + "\", " + g + ");");
                 }
                 else {
-                    this.e.l(CodeGeneratingComponentRenderer.e5(this.ap) + "." + e + " = " + g + ";");
+                    this.e.l(CodeGeneratingComponentRenderer.e5(this.aq) + "." + e + " = " + g + ";");
                 }
                 return;
             }
@@ -2011,14 +2057,14 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             this.h.j(CodeGeneratingComponentRenderer.e8(e));
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.a3(d, c, true));
+            this.h.j(this.a4(d, c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.l("");
-                this.h.j("id=\"" + this.a3(d, c, true) + "\"");
+                this.h.j("id=\"" + this.a4(d, c, true) + "\"");
             }
         }
-        ag(a) {
+        ah(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -2028,26 +2074,26 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             }
             return b.b;
         }
-        a0() {
+        a1() {
             return "null";
         }
-        av(a) {
+        aw(a) {
             return CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        a1(a) {
+        a2(a) {
             return CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        ax(a) {
+        ay(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.br(a);
-                if (!this.bt.contains(a.a.e)) {
+                this.bs(a);
+                if (!this.bu.contains(a.a.e)) {
                     this.g.l("this." + CodeGeneratingComponentRenderer.e5(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.e5(a.a.e) + ".bind(this);");
                 }
                 return "this." + CodeGeneratingComponentRenderer.e5(a.a.e);
             }
-            return this.a0();
+            return this.a1();
         }
-        bj(a, b, c, d) {
+        bk(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -2081,12 +2127,12 @@ export let WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /
         i(a, b) {
             return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_a7() {
+        get_a8() {
             return "Igc";
         }
-        bg(a, b, c) {
-            super.bg(a, b, c);
-            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
+        bh(a, b, c) {
+            super.bh(a, b, c);
+            WebImportsHalper.d(this.k, this.a7, this.a6, this.a8, a, b, c);
         }
     }
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
@@ -2535,9 +2581,9 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
     class AngularTemplateCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bu = 0;
-            this.bs = new HashSet$1(String_$type, 0);
+            this.bv = 0;
             this.bt = new HashSet$1(String_$type, 0);
+            this.bu = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -2545,8 +2591,8 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         get r() {
             return this.get_r();
         }
-        ar(a, b, c, d) {
-            d = super.ar(a, b, c, d);
+        as(a, b, c, d) {
+            d = super.as(a, b, c, d);
             let e = b.r();
             this.f.l("private " + " _" + CodeGeneratingComponentRenderer.e5(d) + ": " + e + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.e5(d) + "(): " + e + " {");
@@ -2563,15 +2609,15 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             this.f.l("}");
             return CodeGeneratingComponentRenderer.e5(d);
         }
-        as(a, b, c, d, e) {
-            e = super.as(a, b, c, d, e);
+        at(a, b, c, d, e) {
+            e = super.at(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.am, this.an) + "[]";
             }
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.e5(e) + ": " + f + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.e5(e) + "(): " + f + " {");
@@ -2595,7 +2641,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         i(a, b) {
             return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        at(a, b) {
+        au(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -2609,48 +2655,48 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             }
             return d;
         }
-        get_x() {
+        get_y() {
             return true;
         }
-        get_a7() {
+        get_a8() {
             return "Igx";
         }
-        bc(a, b, c) {
-            super.bc(a, b, c);
-            this.h.l("<" + this.bv(a) + "");
-            if (!this.bs.contains(this.ap)) {
-                this.bs.add_1(this.ap);
-                if (!this.bt.contains(this.aq)) {
-                    this.bt.add_1(this.aq);
-                    this.bb(this.aq);
+        bd(a, b, c) {
+            super.bd(a, b, c);
+            this.h.l("<" + this.bw(a) + "");
+            if (!this.bt.contains(this.aq)) {
+                this.bt.add_1(this.aq);
+                if (!this.bu.contains(this.ar)) {
+                    this.bu.add_1(this.ar);
+                    this.bc(this.ar);
                 }
-                this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.e5(this.ap) + "\", { static: true } )");
-                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.ap) + ": " + this.aq);
+                this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.e5(this.aq) + "\", { static: true } )");
+                this.f.l("private " + CodeGeneratingComponentRenderer.e5(this.aq) + ": " + this.ar);
             }
         }
-        bg(a, b, c) {
-            super.bg(a, b, c);
-            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
+        bh(a, b, c) {
+            super.bh(a, b, c);
+            WebImportsHalper.d(this.k, this.a7, this.a6, this.a8, a, b, c);
         }
-        bv(a) {
+        bw(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
             return CodeGeneratingComponentRenderer.e8(a);
         }
-        bq() {
+        br() {
             this.h.l(">");
             this.h.h();
         }
-        bl(a) {
+        bm(a) {
             this.h.f();
-            this.h.l("</" + this.bv(a) + ">");
-            super.bl(a);
+            this.h.l("</" + this.bw(a) + ">");
+            super.bm(a);
         }
-        bi(a, b, c, d) {
+        bj(a, b, c, d) {
             let e = CodeGeneratingComponentRenderer.e5(b);
             if (this.q(d, c)) {
-                this.br(c);
+                this.bs(c);
                 if (this.t(c)) {
                     e = "(" + e + ")";
                 }
@@ -2664,21 +2710,21 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             this.h.j(e);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.a3(d, c, true));
+            this.h.j(this.a4(d, c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.l("");
-                this.h.j("#" + CodeGeneratingComponentRenderer.e5(this.a3(d, c, true)));
+                this.h.j("#" + CodeGeneratingComponentRenderer.e5(this.a4(d, c, true)));
             }
         }
-        ax(a) {
+        ay(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.br(a);
+                this.bs(a);
                 return "this." + CodeGeneratingComponentRenderer.e5(a.a.e) + "($event)";
             }
-            return this.a0();
+            return this.a1();
         }
-        ag(a) {
+        ah(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -2688,16 +2734,16 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             }
             return b.b;
         }
-        a0() {
+        a1() {
             return "null";
         }
-        av(a) {
+        aw(a) {
             return CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        a1(a) {
+        a2(a) {
             return CodeGeneratingComponentRenderer.e5(a.a.e);
         }
-        bj(a, b, c, d) {
+        bk(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -2734,12 +2780,12 @@ export let AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PU
         i(a, b) {
             return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_a7() {
+        get_a8() {
             return "Igc";
         }
-        bg(a, b, c) {
-            super.bg(a, b, c);
-            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
+        bh(a, b, c) {
+            super.bh(a, b, c);
+            WebImportsHalper.d(this.k, this.a7, this.a6, this.a8, a, b, c);
         }
     }
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
@@ -3067,7 +3113,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
         constructor(a, b) {
             super(a, b);
         }
-        a9(a) {
+        ba(a) {
             if (a == null || isNaN_(a)) {
                 return "";
             }
@@ -3082,10 +3128,10 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
         i(a, b) {
             return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_y() {
+        get_z() {
             return false;
         }
-        at(a, b) {
+        au(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -3099,20 +3145,20 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return d;
         }
-        bc(a, b, c) {
-            super.bc(a, b, c);
+        bd(a, b, c) {
+            super.bd(a, b, c);
             this.h.l("<ig:" + a + "");
         }
-        bq() {
+        br() {
             this.h.l(">");
             this.h.h();
         }
-        bl(a) {
+        bm(a) {
             this.h.f();
             this.h.l("</ig:" + a + ">");
-            super.bl(a);
+            super.bm(a);
         }
-        bi(a, b, c, d) {
+        bj(a, b, c, d) {
             if (b == "Label" && c.b != null && stringContains(c.b.owningType, "Axis")) {
                 if (c.c != null && stringContains(c.c, "{")) {
                     if (a > 0) {
@@ -3121,7 +3167,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
                     this.h.j(b);
                     this.h.j("=");
                     this.h.j("\"");
-                    this.h.j("{}" + this.a3(d, c, true));
+                    this.h.j("{}" + this.a4(d, c, true));
                     this.h.j("\"");
                     return;
                 }
@@ -3132,10 +3178,10 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.a3(d, c, true));
+            this.h.j(this.a4(d, c, true));
             this.h.j("\"");
         }
-        ag(a) {
+        ah(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -3145,24 +3191,24 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return b.b;
         }
-        a0() {
+        a1() {
             return "{x:Null}";
         }
-        av(a) {
+        aw(a) {
             return "{Binding ElementName=" + a.a.e + "}";
         }
-        bs(a) {
+        bt(a) {
             a = stringReplace(a, "-", "_");
             return CodeGeneratingComponentRenderer.e6(a);
         }
-        a1(a) {
-            this.br(a);
-            return "{Binding " + this.bs(a.a.e) + "}";
+        a2(a) {
+            this.bs(a);
+            return "{Binding " + this.bt(a.a.e) + "}";
         }
-        bj(a, b, c, d) {
+        bk(a, b, c, d) {
             this.h.j("<ig:");
             {
-                this.h.j(this.aq);
+                this.h.j(this.ar);
                 this.h.j(".");
             }
             this.h.j(b);
@@ -3188,13 +3234,13 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             this.h.f();
             this.h.j("</ig:");
             {
-                this.h.j(this.aq);
+                this.h.j(this.ar);
                 this.h.j(".");
             }
             this.h.j(b);
             this.h.l(">");
         }
-        get_a7() {
+        get_a8() {
             return "Xam";
         }
     }
@@ -3209,7 +3255,7 @@ export let WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         constructor(a, b) {
             super(a, b);
         }
-        a9(a) {
+        ba(a) {
             if (a == null || isNaN_(a)) {
                 return "";
             }
@@ -3224,7 +3270,7 @@ export let WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         i(a, b) {
             return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_y() {
+        get_z() {
             return false;
         }
     }
@@ -3653,10 +3699,10 @@ export let CodeGenerationContainer = /*@__PURE__*/ (() => {
                 j.v(k, true);
                 let l = k.toString();
                 b.addContainerResult(this.id, l);
-                k.be(e);
-                k.bh(f);
-                k.bd(g);
-                k.bf(a, h);
+                k.bf(e);
+                k.bi(f);
+                k.be(g);
+                k.bg(a, h);
             }
             b.addContainerResult("bindingFields", e.toString());
             b.addContainerResult("bindingInit", f.toString());
@@ -3756,31 +3802,31 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             let c = this.n();
             if (b) {
                 let d = this.q();
-                a.a5 = d;
+                a.a6 = d;
             }
             let e = false;
             let f = false;
             if (this.g.containsKey("Name")) {
                 e = true;
-                a.bp(this.g.item("Name").c);
+                a.bq(this.g.item("Name").c);
             }
             else if (this.g.containsKey("name")) {
                 e = true;
-                a.bp(this.g.item("name").c);
+                a.bq(this.g.item("name").c);
             }
             else {
                 if (b && this.u != null) {
                     e = true;
-                    a.bp(this.u);
+                    a.bq(this.u);
                 }
                 else if (this.f(this.c, a)) {
                     f = true;
-                    a.bo(c);
-                    if (a.y) {
+                    a.bp(c);
+                    if (a.z) {
                         this.h.add("name");
                         this.g.addItem("name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.ap;
+                            $ret.c = a.aq;
                             return $ret;
                         })()));
                     }
@@ -3788,48 +3834,51 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                         this.h.add("Name");
                         this.g.addItem("Name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.ap;
+                            $ret.c = a.aq;
                             return $ret;
                         })()));
                     }
                 }
             }
-            a.bc(this.r(), this.k, this.c);
+            a.bd(this.r(), this.k, this.c);
             let g = 0;
             for (let h of fromEnum(this.h)) {
                 let i = this.g.item(h);
-                if (i.b == null && h.toLowerCase() == "type") {
+                if (a.x(h, i, this.c)) {
                     continue;
                 }
                 if (this.e(a, h, i)) {
-                    a.bi(g, h, i, this.c);
+                    a.bj(g, h, i, this.c);
                     g++;
                 }
             }
-            a.bq();
+            a.br();
             let j = 0;
             for (let k of fromEnum(this.h)) {
                 let l = this.g.item(k);
-                if (l.b == null && k.toLowerCase() == "type") {
+                if (a.x(k, l, this.c)) {
                     continue;
                 }
                 if (!this.e(a, k, l)) {
-                    a.bj(j, k, l, this.c);
+                    a.bk(j, k, l, this.c);
                     j++;
                 }
             }
-            a.bk(j);
-            a.bl(c);
+            a.bl(j);
+            a.bm(c);
             if (e) {
-                a.bn();
+                a.bo();
             }
             else {
                 if (f) {
-                    a.bm();
+                    a.bn();
                 }
             }
         }
         f(a, b) {
+            if (this.b == 2 && this.c.getMetadata(this.k, "__tagNameWC") != null) {
+                return false;
+            }
             if (b.n) {
                 return true;
             }
@@ -3944,6 +3993,9 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 let b = a.specificExternalType;
                 let c = b.split('.');
                 if (c.length > 2) {
+                    if (c[c.length - 2].toLowerCase() == "grids") {
+                        return "data-grids";
+                    }
                     return c[c.length - 2].toLowerCase();
                 }
             }