igniteui-angular-core 13.1.1 → 13.2.0-beta.2

package/esm2015/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -15,7 +15,7 @@ import { CodeGenerationSpecialValue } from "./CodeGenerationSpecialValue";
 import { ColorUtil } from "./ColorUtil";
 import { StringBuilder } from "./StringBuilder";
 import { CodeGeneratingImportManager } from "./CodeGeneratingImportManager";
-import { stringIsNullOrEmpty, stringReplace, stringEndsWith, stringStartsWith, stringContains } from "./string";
+import { stringIsNullOrEmpty, stringReplace, stringStartsWith, stringEndsWith, stringContains } from "./string";
 import { HashSet$1 } from "./HashSet$1";
 import { CodeGeneratingComponentRendererDataEmitter } from "./CodeGeneratingComponentRendererDataEmitter";
 import { Dictionary$2 } from "./Dictionary$2";
@@ -26,6 +26,7 @@ import { TSCodeGeneratingComponentRendererHandlerEmitter } from "./TSCodeGenerat
 import { DotNetCodeGeneratingComponentRendererHandlerEmitter } from "./DotNetCodeGeneratingComponentRendererHandlerEmitter";
 import { TSCodeGeneratingComponentRendererModuleEmitter } from "./TSCodeGeneratingComponentRendererModuleEmitter";
 import { DotNetCodeGeneratingComponentRendererModuleEmitter } from "./DotNetCodeGeneratingComponentRendererModuleEmitter";
+import { BlazorCodeGeneratingComponentRendererModuleEmitter } from "./BlazorCodeGeneratingComponentRendererModuleEmitter";
 import { CodeGenerationTransformer } from "./CodeGenerationTransformer";
 import { LinearGradientBrush } from "./LinearGradientBrush";
 import { IComponentRendererAdapter_$type } from "./IComponentRendererAdapter";
@@ -38,16 +39,16 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             super();
             this.k = null;
             this.i = null;
-            this.r = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
+            this.s = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
             this.d = null;
             this.a = null;
             this.c = null;
             this.b = null;
-            this.s = new List$1(String_$type, 0);
-            this.v = new Stack$1(String_$type);
-            this.t = new Stack$1(String_$type);
-            this.u = new Stack$1(Boolean_$type);
-            this.ao = null;
+            this.t = new List$1(String_$type, 0);
+            this.w = new Stack$1(String_$type);
+            this.u = new Stack$1(String_$type);
+            this.v = new Stack$1(Boolean_$type);
+            this.ap = null;
             this.k = a;
             this.i = b;
             this.d = new CodeGeneratingCodeWriter(this.k);
@@ -55,7 +56,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             this.c = new CodeGeneratingCodeWriter(this.k);
             this.b = new CodeGeneratingCodeWriter(this.k);
         }
-        a6(a) {
+        a7(a) {
             this.i.ab(a);
         }
         get j() {
@@ -73,8 +74,8 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get f() {
             return this.b;
         }
-        ar(a) {
-            this.s.add(a);
+        as(a) {
+            this.t.add(a);
         }
         n(a) {
             if (a.b != null && (a.b.knownType == 20 || a.b.knownType == 19 || a.b.knownType == 18)) {
@@ -84,39 +85,39 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        get ac() {
-            return this.v.d();
-        }
-        as(a) {
-            this.v.h(a);
+        get ad() {
+            return this.w.d();
         }
-        a5() {
+        at(a) {
+            this.w.h(a);
         }
-        a0(a) {
-            this.v.e();
+        a6() {
         }
-        ay(a, b, c, d) {
+        a1(a) {
+            this.w.e();
         }
         az(a, b, c, d) {
-            this.ay(a, b, c, d);
+        }
+        a0(a, b, c, d) {
+            this.az(a, b, c, d);
         }
         toString() {
             return this.d.toString();
         }
-        ak() {
+        al() {
             return "null";
         }
-        an(a, b) {
+        ao(a, b) {
             if (a.b == null) {
                 return a.c;
             }
             if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-                a.c = this.w(a);
+                a.c = this.x(a);
             }
             switch (a.b.knownType) {
-                case 10: return this.ad(a);
+                case 10: return this.ae(a);
                 case 7: return a.c ? "true" : "false";
-                case 4: return this.y(a);
+                case 4: return this.z(a);
                 case 6:
                     {
                         let c = "";
@@ -125,13 +126,13 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                             if (e >= 1) {
                                 c += " ";
                             }
-                            c += this.x(d.item(e));
+                            c += this.y(d.item(e));
                         }
                         return c;
                     }
                     break;
                 case 9: throw new NotSupportedException(1, "shouldn't get here");
-                case 5: return this.aa(a);
+                case 5: return this.ab(a);
                 case 16:
                     {
                         let f = "";
@@ -140,44 +141,44 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                             if (h >= 1) {
                                 f += " ";
                             }
-                            f += this.z(g.item(h));
+                            f += this.aa(g.item(h));
                         }
                         return f;
                     }
                     break;
                 case 20:
                     if (a.a != null) {
-                        return this.am(a);
+                        return this.an(a);
                     }
                     if (a.c == null) {
-                        return this.ak();
+                        return this.al();
                     }
                     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 (a.a != null) {
-                        return this.ah(a);
+                        return this.ai(a);
                     }
                     else {
-                        return this.ak();
+                        return this.al();
                     }
                     break;
                 case 8:
                     if (a.b.specificExternalType == "string") {
-                        return this.ag(a);
+                        return this.ah(a);
                     }
                     if (a.a != null) {
-                        return this.ai(a);
+                        return this.aj(a);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
                 case 13: throw new NotSupportedException(1, "shouldn't get here");
                 case 18:
                     if (a.a != null) {
-                        return this.aj(a);
+                        return this.ak(a);
                     }
                     else {
-                        return this.ak();
+                        return this.al();
                     }
                     break;
                 case 1: return a.c.toString();
@@ -196,7 +197,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         let k = a.c;
                         return k.width + ", " + k.height;
                     }
-                case 2: return a.c != null ? a.c.toString() : this.ak();
+                case 2: return a.c != null ? a.c.toString() : this.al();
                 case 21: return a.c.toString();
                 case 17:
                     if (a.c == null) {
@@ -210,160 +211,371 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        ad(a) {
+        ae(a) {
             return "";
         }
-        w(a) {
+        x(a) {
             return a.c;
         }
-        am(a) {
+        an(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 if (a.a.a) {
-                    return this.af(a);
+                    return this.ag(a);
                 }
                 else {
-                    return this.al(a);
+                    return this.am(a);
                 }
             }
-            return this.ak();
+            return this.al();
         }
-        al(a) {
+        o(a) {
+            if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
+                if (a.a.a) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        am(a) {
             return "";
         }
-        af(a) {
+        ag(a) {
             return "";
         }
-        ai(a) {
+        aj(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 return a.a.e;
             }
-            return this.ak();
+            return this.al();
         }
-        ag(a) {
+        ah(a) {
             return a.c != null ? a.c.toString() : "";
         }
-        aj(a) {
-            return this.ah(a);
+        ak(a) {
+            return this.ai(a);
         }
-        ah(a) {
+        ai(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a6(a);
+                this.a7(a);
                 return a.a.e;
             }
-            return this.ak();
+            return this.al();
         }
-        get_p() {
+        get_q() {
             return false;
         }
-        get p() {
-            return this.get_p();
+        get q() {
+            return this.get_q();
         }
-        aa(a) {
+        ab(a) {
             let b = a.c;
-            return ColorUtil.i(b, this.p);
+            return ColorUtil.i(b, this.q);
         }
-        z(a) {
+        aa(a) {
             let b = a;
-            return ColorUtil.i(b, this.p);
+            return ColorUtil.i(b, this.q);
         }
-        y(a) {
+        z(a) {
             if (a.c == null) {
                 return "";
             }
             let b = a.c;
-            return ColorUtil.i(b.color, this.p);
+            return ColorUtil.i(b.color, this.q);
         }
-        x(a) {
+        y(a) {
             if (a == null) {
                 return "";
             }
             let b = a;
-            return ColorUtil.i(b.color, this.p);
+            return ColorUtil.i(b.color, this.q);
         }
-        a4(a) {
-            this.t.h(a);
-            this.u.h(false);
+        a5(a) {
+            this.u.h(a);
+            this.v.h(false);
         }
-        a3(a) {
-            let b = this.ae(a);
-            this.t.h(b);
-            this.u.h(true);
+        a4(a) {
+            let b = this.af(a);
+            this.u.h(b);
+            this.v.h(true);
         }
-        ae(a) {
-            let b = stringReplace(stringReplace(a, this.ap, ""), "Component", "");
-            b = CodeGeneratingComponentRenderer.dn(b);
+        af(a) {
+            let b = stringReplace(stringReplace(a, this.aq, ""), "Component", "");
+            b = CodeGeneratingComponentRenderer.dp(b);
             return this.i.s(b);
         }
-        a1() {
-            this.t.e();
+        a2() {
             this.u.e();
+            this.v.e();
         }
-        get_ap() {
+        get_aq() {
             return "";
         }
-        get ap() {
-            return this.get_ap();
+        get aq() {
+            return this.get_aq();
         }
-        get ab() {
-            if (this.t.f > 0) {
-                return this.t.d();
+        get ac() {
+            if (this.u.f > 0) {
+                return this.u.d();
             }
-            let a = stringReplace(stringReplace(this.ac, this.ap, ""), "Component", "");
-            return CodeGeneratingComponentRenderer.dn(a);
+            let a = stringReplace(stringReplace(this.ad, this.aq, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.dp(a);
         }
-        get o() {
-            return this.v.f == 1;
+        get p() {
+            return this.w.f == 1;
         }
         get l() {
-            if (this.u.f == 0) {
+            if (this.v.f == 0) {
                 return false;
             }
-            return this.u.d();
+            return this.v.d();
         }
         get m() {
-            if (this.t.f > 0) {
+            if (this.u.f > 0) {
                 return true;
             }
             return false;
         }
-        get_q() {
+        get_r() {
             return true;
         }
-        get q() {
-            return this.get_q();
+        get r() {
+            return this.get_r();
         }
-        a2() {
-            this.t.e();
+        a3() {
+            this.u.e();
         }
-        au(a) {
+        av(a) {
             let b = this.f.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        ax(a) {
+        ay(a) {
             let b = this.g.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        at(a) {
+        au(a) {
             let b = this.e.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        av(a) {
-            if (this.s.count > 0) {
-                this.aw(this.s, a);
+        aw(a) {
+            if (this.t.count > 0) {
+                this.ax(this.t, a);
             }
         }
-        aw(a, b) {
+        ax(a, b) {
         }
     }
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
     return CodeGeneratingComponentRendererCodeEmitter;
 })();
+/**
+ * @hidden
+ */
+export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
+    class BlazorRazorCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
+        constructor(a, b) {
+            super(a, b);
+            this.ba = 0;
+            this.a8 = new HashSet$1(String_$type, 0);
+            this.a9 = new HashSet$1(String_$type, 0);
+        }
+        get_r() {
+            return false;
+        }
+        bb(a, b) {
+            if (b.c == null) {
+                return "null";
+            }
+            let c = b.c;
+            let d = "@(new " + a + "[] { ";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
+                }
+                d += "\"" + c[e] + "\"";
+            }
+            d += " })";
+            return d;
+        }
+        ae(a) {
+            if (a.b.specificExternalType == "string") {
+                return this.bb(a.b.specificExternalType, a);
+            }
+            if (a.c == null) {
+                return "null";
+            }
+            let b = a.c;
+            let c = "";
+            for (let d = 0; d < b.length; d++) {
+                if (d > 0) {
+                    c += ", ";
+                }
+                c += b[d];
+            }
+            return c;
+        }
+        at(a) {
+            super.at(a);
+            this.h.k("<" + a + "");
+            if (!this.a8.contains(this.ac)) {
+                this.a8.add_1(this.ac);
+                if (!this.a9.contains(this.ad)) {
+                    this.a9.add_1(this.ad);
+                    this.as(this.ad);
+                }
+                this.f.k("private " + this.ad + " " + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                if (!this.m) {
+                    if (this.p) {
+                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                    }
+                }
+                else {
+                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                }
+            }
+        }
+        a6() {
+            this.h.k(">");
+            this.h.h();
+        }
+        a1(a) {
+            this.h.f();
+            this.h.k("</" + a + ">");
+            super.a1(a);
+        }
+        az(a, b, c, d) {
+            if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
+                this.a7(c);
+                if (a > 0) {
+                    this.h.k("");
+                }
+                if (c.a == null || c.a.e == null) {
+                    this.h.j(b + "Name=\"@null\"");
+                }
+                else {
+                    this.h.j(b + "Name=\"" + c.a.e + "\"");
+                }
+                return;
+            }
+            if (this.o(c)) {
+                this.a7(c);
+                if (!this.a8.contains(this.ac)) {
+                    this.a8.add_1(this.ac);
+                    if (!this.a9.contains(this.ad)) {
+                        this.a9.add_1(this.ad);
+                        this.as(this.ad);
+                    }
+                    this.f.k("private " + this.ad + " " + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                    if (!this.m) {
+                        if (this.p) {
+                            this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                        }
+                    }
+                    else {
+                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                    }
+                }
+                let e = CodeGeneratingComponentRenderer.dp(this.ao(c, true));
+                let f = e;
+                if (f != "null" && !stringStartsWith(f, "this.")) {
+                    f = "this." + f;
+                }
+                this.e.k(CodeGeneratingComponentRenderer.dp(this.ac) + "." + b + " = " + f + ";");
+                return;
+            }
+            if (a > 0) {
+                this.h.k("");
+            }
+            let g = false;
+            if (b == "ComponentRenderer" && (c.b.owningType == "PropertyEditor" || c.b.owningType == "PropertyEditorPanel")) {
+                g = true;
+            }
+            if (!g) {
+                this.h.j(b);
+                this.h.j("=");
+                this.h.j("\"");
+                this.h.j(this.ao(c, true));
+                this.h.j("\"");
+            }
+            if (b == "Name") {
+                this.h.k("");
+                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.dp(this.ao(c, true)) + "\"");
+            }
+        }
+        ah(a) {
+            let b = a.b != null ? a.b.specificType + "." : "";
+            return b + (a.c != null ? a.c.toString() : "");
+        }
+        x(a) {
+            let b = a.c;
+            switch (b.a) {
+                case 3: return b.b;
+                case 0: return b.b;
+                case 1: return b.b;
+                case 2: return b.b;
+            }
+            return b.b;
+        }
+        al() {
+            return "@null";
+        }
+        ag(a) {
+            return CodeGeneratingComponentRenderer.dp(CodeGeneratingComponentRenderer.dp(a.a.e));
+        }
+        bc(a) {
+            a = stringReplace(a, "-", "_");
+            return CodeGeneratingComponentRenderer.dq(a);
+        }
+        am(a) {
+            this.a7(a);
+            return CodeGeneratingComponentRenderer.dq(a.a.e);
+        }
+        a0(a, b, c, d) {
+            if (c.b.knownType == 9) {
+                let e = typeCast(IList_$type, c.c);
+                if (e != null) {
+                    for (let f of fromEn(e)) {
+                        if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
+                            let g = f;
+                            g.p(this, false);
+                        }
+                    }
+                }
+            }
+            else {
+                if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
+                    let h = c.c;
+                    h.p(this, false);
+                }
+            }
+        }
+        get_aq() {
+            return "Igb";
+        }
+    }
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    return BlazorRazorCodeGeneratingComponentRendererCodeEmitter;
+})();
+/**
+ * @hidden
+ */
+export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
+    class BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
+        constructor(a, b) {
+            super(a, b);
+        }
+        get_r() {
+            return false;
+        }
+    }
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    return BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter;
+})();
 /**
  * @hidden
  */
@@ -371,10 +583,10 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class ReactMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.a7 = new HashSet$1(String_$type, 0);
             this.a8 = new HashSet$1(String_$type, 0);
+            this.a9 = new HashSet$1(String_$type, 0);
         }
-        ad(a) {
+        ae(a) {
             if (a.c == null) {
                 return "{null}";
             }
@@ -389,43 +601,43 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             c += "]";
             return c;
         }
-        get_p() {
+        get_q() {
             return true;
         }
-        get_ap() {
+        get_aq() {
             return "Igr";
         }
-        as(a) {
-            super.as(a);
-            this.h.k("<" + this.ba(a) + "");
+        at(a) {
+            super.at(a);
+            this.h.k("<" + this.bb(a) + "");
             this.h.h();
-            if (!this.a7.contains(this.ab)) {
-                this.a7.add_1(this.ab);
-                if (!this.a8.contains(this.ac)) {
-                    this.a8.add_1(this.ac);
-                    this.ar(this.ac);
-                }
-                this.f.k("private " + CodeGeneratingComponentRenderer.dn(this.ab) + ": " + this.ac);
-                if (this.o) {
-                    this.f.k("private " + CodeGeneratingComponentRenderer.dn(this.ab) + "Ref(r: " + this.ac + ") {");
+            if (!this.a8.contains(this.ac)) {
+                this.a8.add_1(this.ac);
+                if (!this.a9.contains(this.ad)) {
+                    this.a9.add_1(this.ad);
+                    this.as(this.ad);
+                }
+                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + ": " + this.ad);
+                if (this.p) {
+                    this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + "Ref(r: " + this.ad + ") {");
                     this.f.h();
-                    this.f.k("this." + CodeGeneratingComponentRenderer.dn(this.ab) + " = r;");
+                    this.f.k("this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = r;");
                     this.f.k("this.setState({});");
                     this.f.f();
                     this.f.k("}");
-                    this.g.k("this." + CodeGeneratingComponentRenderer.dn(this.ab) + "Ref = " + "this." + CodeGeneratingComponentRenderer.dn(this.ab) + "Ref.bind(this);");
+                    this.g.k("this." + CodeGeneratingComponentRenderer.dp(this.ac) + "Ref = " + "this." + CodeGeneratingComponentRenderer.dp(this.ac) + "Ref.bind(this);");
                 }
             }
         }
-        ba(a) {
+        bb(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.dp(a);
+            return CodeGeneratingComponentRenderer.dq(a);
         }
-        a5() {
-            if (!this.o && !this.m) {
-                let a = this.a9();
+        a6() {
+            if (!this.p && !this.m) {
+                let a = this.ba();
                 this.h.k("");
                 this.h.k("name=\"" + a + "\"");
             }
@@ -433,31 +645,31 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             this.h.k(">");
             this.h.h();
         }
-        a9() {
-            let a = CodeGeneratingComponentRenderer.dn(stringReplace(stringReplace(this.ac, this.ap, ""), "Component", ""));
+        ba() {
+            let a = CodeGeneratingComponentRenderer.dp(stringReplace(stringReplace(this.ad, this.aq, ""), "Component", ""));
             a = this.j.r(a);
             return a;
         }
-        ah(a) {
+        ai(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a6(a);
-                if (!this.a7.contains(a.a.e)) {
-                    this.g.k("this." + CodeGeneratingComponentRenderer.dn(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dn(a.a.e) + ".bind(this);");
+                this.a7(a);
+                if (!this.a8.contains(a.a.e)) {
+                    this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.dn(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
             }
-            return this.ak();
+            return this.al();
         }
-        a0(a) {
+        a1(a) {
             this.h.f();
-            this.h.k("</" + this.ba(a) + ">");
-            super.a0(a);
-        }
-        ay(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.dn(b);
-            let f = this.an(c, true);
-            if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dp(c.b.propertyName)) && this.n(c)) {
-                this.a6(c);
+            this.h.k("</" + this.bb(a) + ">");
+            super.a1(a);
+        }
+        az(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.dp(b);
+            let f = this.ao(c, true);
+            if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
+                this.a7(c);
                 if (a > 0) {
                     this.h.k("");
                 }
@@ -469,10 +681,10 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
                 return;
             }
-            if (!(e == "name") || !this.o) {
+            if (!(e == "name") || !this.p) {
                 let g = (c.b != null && c.b.knownType == 10);
                 if (this.n(c) || g) {
-                    this.a6(c);
+                    this.a7(c);
                     f = "{" + f + "}";
                 }
                 if (a > 0) {
@@ -490,15 +702,15 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 a++;
             }
             if (e == "name") {
-                if (this.o) {
+                if (this.p) {
                     if (a > 0) {
                         this.h.k("");
                     }
-                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.dn(this.an(c, true)) + "Ref}");
+                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.dp(this.ao(c, true)) + "Ref}");
                 }
             }
         }
-        w(a) {
+        x(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -508,16 +720,16 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        ak() {
+        al() {
             return "null";
         }
-        af(a) {
-            return "this." + CodeGeneratingComponentRenderer.dn(a.a.e);
+        ag(a) {
+            return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        al(a) {
-            return "this." + CodeGeneratingComponentRenderer.dn(a.a.e);
+        am(a) {
+            return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        az(a, b, c, d) {
+        a0(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -536,10 +748,10 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
             }
         }
-        aw(a, b) {
-            super.aw(a, b);
+        ax(a, b) {
+            super.ax(a, b);
             for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-react-" + this.ao, c);
+                b.addPackageImport("igniteui-react-" + this.ap, c);
             }
         }
     }
@@ -565,11 +777,11 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
     class WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.a9 = 0;
-            this.a7 = new HashSet$1(String_$type, 0);
+            this.ba = 0;
             this.a8 = new HashSet$1(String_$type, 0);
+            this.a9 = new HashSet$1(String_$type, 0);
         }
-        ad(a) {
+        ae(a) {
             if (a.c == null) {
                 return "null";
             }
@@ -583,95 +795,95 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             }
             return c;
         }
-        get_p() {
+        get_q() {
             return true;
         }
-        as(a) {
-            super.as(a);
-            this.h.k("<" + this.ba(a) + "");
-            if (!this.a7.contains(this.ab)) {
-                this.a7.add_1(this.ab);
-                if (!this.a8.contains(this.ac)) {
-                    this.a8.add_1(this.ac);
-                    this.ar(this.ac);
-                }
-                this.f.k("private " + CodeGeneratingComponentRenderer.dn(this.ab) + ": " + this.ac);
+        at(a) {
+            super.at(a);
+            this.h.k("<" + this.bb(a) + "");
+            if (!this.a8.contains(this.ac)) {
+                this.a8.add_1(this.ac);
+                if (!this.a9.contains(this.ad)) {
+                    this.a9.add_1(this.ad);
+                    this.as(this.ad);
+                }
+                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + ": " + this.ad);
                 if (!this.m) {
-                    if (this.o) {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dn(this.ab) + " = this." + CodeGeneratingComponentRenderer.dn(this.ab) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dq(stringReplace(this.ac, "Component", "")) + "') as " + this.ac + ";");
+                    if (this.p) {
+                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ad, "Component", "")) + "') as " + this.ad + ";");
                     }
                 }
                 else {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dn(this.ab) + " = this." + CodeGeneratingComponentRenderer.dn(this.ab) + " = document.getElementById('" + this.ab + "') as " + this.ac + ";");
+                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.getElementById('" + this.ac + "') as " + this.ad + ";");
                 }
             }
         }
-        ba(a) {
+        bb(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.dq(a);
+            return CodeGeneratingComponentRenderer.dr(a);
         }
-        a5() {
+        a6() {
             this.h.k(">");
             this.h.h();
         }
-        a0(a) {
+        a1(a) {
             this.h.f();
-            this.h.k("</" + this.ba(a) + ">");
-            super.a0(a);
+            this.h.k("</" + this.bb(a) + ">");
+            super.a1(a);
         }
-        get_ap() {
+        get_aq() {
             return "Igc";
         }
-        aw(a, b) {
-            super.aw(a, b);
+        ax(a, b) {
+            super.ax(a, b);
             for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-webcomponents-" + this.ao, c);
+                b.addPackageImport("igniteui-webcomponents-" + this.ap, c);
             }
         }
-        ay(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.dn(b);
+        az(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.dp(b);
             if (this.n(c)) {
-                this.a6(c);
-                if (!this.a7.contains(this.ab)) {
-                    this.a7.add_1(this.ab);
-                    if (!this.a8.contains(this.ac)) {
-                        this.a8.add_1(this.ac);
-                        this.ar(this.ac);
+                this.a7(c);
+                if (!this.a8.contains(this.ac)) {
+                    this.a8.add_1(this.ac);
+                    if (!this.a9.contains(this.ad)) {
+                        this.a9.add_1(this.ad);
+                        this.as(this.ad);
                     }
-                    this.f.k("private " + CodeGeneratingComponentRenderer.dn(this.ab) + ": " + this.ac);
+                    this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + ": " + this.ad);
                     if (!this.m) {
-                        if (this.o) {
-                            this.g.k("var " + CodeGeneratingComponentRenderer.dn(this.ab) + " = this." + CodeGeneratingComponentRenderer.dn(this.ab) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dq(stringReplace(this.ac, "Component", "")) + "') as " + this.ac + ";");
+                        if (this.p) {
+                            this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ad, "Component", "")) + "') as " + this.ad + ";");
                         }
                     }
                     else {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dn(this.ab) + " = this." + CodeGeneratingComponentRenderer.dn(this.ab) + " = document.getElementById('" + this.ab + "') as " + this.ac + ";");
+                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.getElementById('" + this.ac + "') as " + this.ad + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.dn(this.an(c, true));
+                let f = CodeGeneratingComponentRenderer.dp(this.ao(c, true));
                 let g = f;
                 if (g != "null" && !stringStartsWith(g, "this.")) {
                     g = "this." + g;
                 }
-                this.e.k(CodeGeneratingComponentRenderer.dn(this.ab) + "." + e + " = " + g);
+                this.e.k(CodeGeneratingComponentRenderer.dp(this.ac) + "." + e + " = " + g);
                 return;
             }
             if (a > 0) {
                 this.h.k("");
             }
-            this.h.j(CodeGeneratingComponentRenderer.dq(e));
+            this.h.j(CodeGeneratingComponentRenderer.dr(e));
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.an(c, true));
+            this.h.j(this.ao(c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.k("");
-                this.h.j("id =\"" + this.an(c, true) + "\"");
+                this.h.j("id =\"" + this.ao(c, true) + "\"");
             }
         }
-        w(a) {
+        x(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -681,26 +893,26 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             }
             return b.b;
         }
-        ak() {
+        al() {
             return "null";
         }
-        af(a) {
-            return CodeGeneratingComponentRenderer.dn(a.a.e);
+        ag(a) {
+            return CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        al(a) {
-            return CodeGeneratingComponentRenderer.dn(a.a.e);
+        am(a) {
+            return CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        ah(a) {
+        ai(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a6(a);
-                if (!this.a7.contains(a.a.e)) {
-                    this.g.k("this." + CodeGeneratingComponentRenderer.dn(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dn(a.a.e) + ".bind(this);");
+                this.a7(a);
+                if (!this.a8.contains(a.a.e)) {
+                    this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.dn(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
             }
-            return this.ak();
+            return this.al();
         }
-        az(a, b, c, d) {
+        a0(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -742,96 +954,144 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
     class TSCodeGeneratingComponentRendererDataEmitter extends CodeGeneratingComponentRendererDataEmitter {
         constructor(a, b) {
             super(a, b);
-            this.ah = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
+            this.ak = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
         }
-        t(a, b = false) {
-            a = CodeGeneratingComponentRenderer.dp(a);
+        v(a, b = false) {
+            a = CodeGeneratingComponentRenderer.dq(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
             }
             return a;
         }
-        s(a) {
+        u(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.dn(a);
+            return CodeGeneratingComponentRenderer.dp(a);
         }
-        al(a) {
+        ao(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.dn(a);
+            return "_" + CodeGeneratingComponentRenderer.dp(a);
         }
-        get_q() {
+        get_s() {
             return ".ts";
         }
-        ag(a, b, c, d, e) {
-            super.ag(a, b, c, d, e);
-            let f = this.p(this.t(a, true), this.t(a, false), b, c);
+        aj(a, b, c, d, e) {
+            super.aj(a, b, c, d, e);
+            let f = this.r(this.v(a, true), this.v(a, false), b, c);
             for (let g of fromEnum(f)) {
-                this.y(g, d, e);
+                this.ab(g, d, e);
             }
             let h = 0;
             if (e == this.k) {
-                e.addPackageImport("./" + this.t(a, false), this.t(a, false));
+                e.addPackageImport("./" + this.v(a, false), this.v(a, false));
             }
             else {
-                e.addPackageImport("./" + this.t(a, false), this.t(a, false));
+                e.addPackageImport("./" + this.v(a, false), this.v(a, false));
             }
-            d.k("export class " + this.t(a, false) + " extends Array<" + this.t(a, true) + "> {");
+            d.k("export class " + this.v(a, false) + " extends Array<" + this.v(a, true) + "> {");
             d.h();
             d.k("public constructor() {");
             d.h();
             d.k("super();");
         }
-        ac(a) {
-            super.ac(a);
-            this.g.k("private " + this.al(a) + ": " + this.t(a, false) + " = null;");
-            this.g.k("public get " + this.s(a) + "(): " + this.t(a, false) + " {");
-            this.g.h();
-            this.g.k("if (this." + this.al(a) + " == null)");
-            this.g.k("{");
+        af(a, b, c) {
+            super.af(a, b, c);
+            let d = this.p.cDNBasePath + this.v(a, false) + ".json";
+            let e = "";
+            if (this.n.platform == 2) {
+                e = "this.setState({}); ";
+            }
+            if (this.n.platform == 3) {
+                e = "if ((this as any)._bind) { (this as any)._bind(); } ";
+            }
+            let f = this.v(a, false);
+            let g = "null";
+            switch (b) {
+                case 2:
+                    f = "any[]";
+                    break;
+                case 1:
+                    f = "any[]";
+                    g = this.v(a, false);
+                    break;
+                case 0: break;
+            }
+            this.g.k("private " + this.ao(a) + ": " + f + " = " + g + ";");
+            if (b == 2 || (c != null && c.isAsync)) {
+                this.g.k("private " + this.ao(a) + "_fetching: boolean = false;");
+            }
+            this.g.k("public get " + this.u(a) + "(): " + f + " {");
             this.g.h();
-            this.g.k("this." + this.al(a) + " = new " + this.t(a, false) + "();");
-            this.g.f();
-            this.g.k("}");
-            this.g.k("return this." + this.al(a) + ";");
+            if (c != null && c.isAsync) {
+                this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "_fetching)");
+                this.g.k("{");
+                this.g.h();
+                this.g.k(this.ao(a) + "_fetching = true;");
+                this.g.k("( async () => { this." + this.ao(a) + " = await (await " + this.v(a, false) + ".fetch()); " + e + " })();");
+                this.g.f();
+                this.g.k("}");
+            }
+            else {
+                if (b == 2) {
+                    this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "_fetching)");
+                    this.g.k("{");
+                    this.g.h();
+                    this.g.k(this.ao(a) + "_fetching = true;");
+                    this.g.k("( async () => { this." + this.ao(a) + " = await (await fetch('" + d + "')).json(); " + e + " })();");
+                    this.g.f();
+                    this.g.k("}");
+                }
+                if (b == 0) {
+                    this.g.k("if (this." + this.ao(a) + " == null)");
+                    this.g.k("{");
+                    this.g.h();
+                    this.g.k("this." + this.ao(a) + " = new " + this.v(a, false) + "();");
+                    this.g.f();
+                    this.g.k("}");
+                }
+            }
+            this.g.k("return this." + this.ao(a) + ";");
             this.g.f();
             this.g.k("}");
             this.g.k("");
         }
-        ad(a, b) {
-            super.ad(a, b);
-            this.g.k("private " + this.al(a) + ": " + this.ai(b.e) + " = " + this.aj(b) + ";");
-            this.g.k("public get " + this.s(a) + "(): " + this.ai(b.e) + " {");
+        ag(a, b) {
+            super.ag(a, b);
+            this.g.k("private " + this.ao(a) + ": " + this.al(b.e) + " = " + this.am(b) + ";");
+            this.g.k("public get " + this.u(a) + "(): " + this.al(b.e) + " {");
             this.g.h();
-            this.g.k("return this." + this.al(a) + ";");
+            this.g.k("return this." + this.ao(a) + ";");
             this.g.f();
             this.g.k("}");
             this.g.k("");
         }
-        ae(a, b, c, d) {
-            super.ae(a, b, c, d);
-            this.g.k("private " + this.al(a) + ": " + this.t(a, false) + "Item = null;");
-            this.g.k("public get " + this.s(a) + "(): " + this.t(a, false) + "Item {");
+        ah(a, b, c, d) {
+            super.ah(a, b, c, d);
+            this.g.k("private " + this.ao(a) + ": " + this.v(a, false) + "Item = null;");
+            this.g.k("public get " + this.u(a) + "(): " + this.v(a, false) + "Item {");
             this.g.h();
-            this.g.k("if (this." + this.al(a) + " == null)");
+            this.g.k("if (this." + this.ao(a) + " == null)");
             this.g.k("{");
             this.g.h();
-            this.g.k("this." + this.al(a) + " = ");
-            this.am(this.t(a, true), b, c, d, this.g);
+            this.g.k("this." + this.ao(a) + " = ");
+            this.ap(this.v(a, true), b, c, d, this.g);
             this.g.k("}");
-            this.g.k("return this." + this.al(a) + ";");
+            this.g.k("return this." + this.ao(a) + ";");
             this.g.f();
             this.g.k("}");
             this.g.k("");
         }
-        v(a, b) {
+        x(a, b) {
             b.addPackageImport("./" + a, a);
             b.addPackageImport("./" + a, a + "Item");
         }
-        w(a, b) {
+        y(a, b) {
+            b.addDefaultImport("./" + a, a);
+        }
+        z(a, b) {
             this.l = CodeGeneratingImportManager.merge(this.l, b);
         }
-        y(a, b, c) {
+        ab(a, b, c) {
             let d = 0;
             if (c == this.k) {
                 c.addPackageImport("./" + a.d, a.d);
@@ -850,13 +1110,13 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             for (let e = 0; e < a.a.length; e++) {
                 let f = a.a[e];
                 let g = a.b[e];
-                b.k("public " + this.s(f) + ": " + this.ak(a, f, g) + ";");
+                b.k("public " + this.u(f) + ": " + this.an(a, f, g) + ";");
             }
             b.f();
             b.k("");
             b.k("}");
         }
-        ai(a) {
+        al(a) {
             switch (a) {
                 case 1: return "boolean";
                 case 0: return "number";
@@ -865,12 +1125,12 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return "any";
         }
-        ak(a, b, c) {
+        an(a, b, c) {
             if (c.d) {
-                return a.d + "_" + this.s(b) + "[]";
+                return a.d + "_" + this.u(b) + "[]";
             }
             else if (c.f) {
-                return a.d + "_" + this.s(b);
+                return a.d + "_" + this.u(b);
             }
             else {
                 switch (c.c) {
@@ -882,20 +1142,20 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return "any";
         }
-        af(a, b, c, d) {
-            super.af(a, b, c, d);
+        ai(a, b, c, d) {
+            super.ai(a, b, c, d);
             d.f();
             d.k("}");
             d.f();
             d.k("}");
         }
-        u(a, b, c, d, e, f) {
-            super.u(a, b, c, d, e, f);
+        w(a, b, c, d, e, f) {
+            super.w(a, b, c, d, e, f);
             f.j("this.push(");
-            this.am(this.t(a, true), b, c, d, f);
+            this.ap(this.v(a, true), b, c, d, f);
             f.k(");");
         }
-        am(a, b, c, d, e) {
+        ap(a, b, c, d, e) {
             if (d == null) {
                 e.j("null");
                 return;
@@ -909,7 +1169,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                         if (g > 0) {
                             e.k(",");
                         }
-                        this.am(a, b, c, f.items[g], e);
+                        this.ap(a, b, c, f.items[g], e);
                     }
                 }
                 e.f();
@@ -926,18 +1186,18 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                     if (i > 0) {
                         e.k(",");
                     }
-                    e.j(this.s(j) + ": ");
+                    e.j(this.u(j) + ": ");
                     if (k.d) {
-                        let l = a + "_" + this.s(j) + "Item";
-                        this.am(l, k.a, k.b, h.item(j), e);
+                        let l = a + "_" + this.u(j) + "Item";
+                        this.ap(l, k.a, k.b, h.item(j), e);
                     }
                     else if (k.f) {
-                        let m = a + "_" + this.s(j);
-                        this.am(m, k.a, k.b, h.item(j), e);
+                        let m = a + "_" + this.u(j);
+                        this.ap(m, k.a, k.b, h.item(j), e);
                     }
                     else {
                         let n = h.item(j);
-                        e.j(this.r(k, n));
+                        e.j(this.t(k, n));
                     }
                 }
                 e.k("");
@@ -945,7 +1205,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                 e.j("})");
             }
         }
-        r(a, b) {
+        t(a, b) {
             if (b.value == null) {
                 return ("null");
             }
@@ -957,7 +1217,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        aj(a) {
+        am(a) {
             switch (a.e) {
                 case 1: return (a.value ? "true" : "false");
                 case 0: return (a.value.toString());
@@ -978,7 +1238,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         constructor(a, b) {
             super(a, b);
         }
-        ad(a) {
+        ae(a) {
             if (a.c == null) {
                 return "null";
             }
@@ -992,35 +1252,35 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             }
             return c;
         }
-        get_p() {
+        get_q() {
             return true;
         }
-        get_ap() {
+        get_aq() {
             return "Igx";
         }
-        as(a) {
-            super.as(a);
-            this.h.k("<" + this.a7(a) + "");
+        at(a) {
+            super.at(a);
+            this.h.k("<" + this.a8(a) + "");
         }
-        a7(a) {
+        a8(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.dq(a);
+            return CodeGeneratingComponentRenderer.dr(a);
         }
-        a5() {
+        a6() {
             this.h.k(">");
             this.h.h();
         }
-        a0(a) {
+        a1(a) {
             this.h.f();
-            this.h.k("</" + this.a7(a) + ">");
-            super.a0(a);
+            this.h.k("</" + this.a8(a) + ">");
+            super.a1(a);
         }
-        ay(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.dn(b);
+        az(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.dp(b);
             if (this.n(c)) {
-                this.a6(c);
+                this.a7(c);
                 e = "[" + e + "]";
             }
             if (a > 0) {
@@ -1029,21 +1289,21 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             this.h.j(e);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.an(c, true));
+            this.h.j(this.ao(c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.k("");
-                this.h.j("#" + CodeGeneratingComponentRenderer.dn(this.an(c, true)));
+                this.h.j("#" + CodeGeneratingComponentRenderer.dp(this.ao(c, true)));
             }
         }
-        ah(a) {
+        ai(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a6(a);
-                return "this." + CodeGeneratingComponentRenderer.dn(a.a.e) + "($event)";
+                this.a7(a);
+                return "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + "($event)";
             }
-            return this.ak();
+            return this.al();
         }
-        w(a) {
+        x(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1053,16 +1313,16 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             }
             return b.b;
         }
-        ak() {
+        al() {
             return "null";
         }
-        af(a) {
-            return CodeGeneratingComponentRenderer.dn(a.a.e);
+        ag(a) {
+            return CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        al(a) {
-            return CodeGeneratingComponentRenderer.dn(a.a.e);
+        am(a) {
+            return CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        az(a, b, c, d) {
+        a0(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -1104,142 +1364,153 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
     class DotNetCodeGeneratingComponentRendererDataEmitter extends CodeGeneratingComponentRendererDataEmitter {
         constructor(a, b) {
             super(a, b);
-            this.ah = false;
+            this.ak = false;
         }
-        w(a, b) {
-            super.w(a, b);
+        z(a, b) {
+            super.z(a, b);
             this.f.k("<Compile Include=\"" + a + ".cs\">");
             this.f.h();
             this.f.k("<SubType>Code</SubType>");
             this.f.f();
             this.f.k("</Compile>");
         }
-        aa(a) {
+        ad(a) {
             a.k("using System;");
             a.k("using System.Collections.Generic;");
-            if (!this.ah) {
-                this.ah = true;
+            if (!this.ak) {
+                this.ak = true;
                 this.k.addUsing("using Data;");
             }
             a.k("namespace Data");
             a.k("{");
             a.h();
-            super.aa(a);
+            super.ad(a);
         }
-        z(a) {
+        ac(a) {
             a.f();
             a.k("}");
-            super.z(a);
+            super.ac(a);
         }
-        t(a, b = false) {
-            a = CodeGeneratingComponentRenderer.dp(a);
+        v(a, b = false) {
+            a = CodeGeneratingComponentRenderer.dq(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
             }
             return a;
         }
-        s(a) {
+        u(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.dp(a);
+            return CodeGeneratingComponentRenderer.dq(a);
         }
-        al(a) {
+        ao(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.dn(a);
+            return "_" + CodeGeneratingComponentRenderer.dp(a);
         }
-        ag(a, b, c, d, e) {
-            super.ag(a, b, c, d, e);
-            let f = this.p(this.t(a, true), this.t(a, false), b, c);
+        aj(a, b, c, d, e) {
+            super.aj(a, b, c, d, e);
+            let f = this.r(this.v(a, true), this.v(a, false), b, c);
             for (let g of fromEnum(f)) {
-                this.y(g, d, e);
+                this.ab(g, d, e);
             }
-            d.k("public class " + this.t(a, false));
+            d.k("public class " + this.v(a, false));
             d.h();
-            d.k(": List<" + this.t(a, true) + ">");
+            d.k(": List<" + this.v(a, true) + ">");
             d.f();
             d.k("{");
             d.h();
-            d.k("public " + this.t(a, false) + "()");
+            d.k("public " + this.v(a, false) + "()");
             d.k("{");
             d.h();
         }
-        ac(a) {
-            super.ac(a);
-            this.g.k("private " + this.t(a, false) + " " + this.al(a) + " = null;");
-            this.g.k("public " + this.t(a, false) + " " + this.s(a));
+        af(a, b, c) {
+            super.af(a, b, c);
+            let d = this.ao(a) + " = " + "new " + this.v(a, false) + "(); ";
+            let e = "";
+            if (this.n.platform == 5) {
+                e = " StateHasChanged();";
+            }
+            else {
+                e = " OnPropertyChanged(\"" + this.v(a, false) + "\");";
+            }
+            if (c.isAsync) {
+                d = this.v(a, false) + ".Fetch().ContinueWith((t) => {" + this.ao(a) + " = t.Result; " + e + " });";
+            }
+            this.g.k("private " + this.v(a, false) + " " + this.ao(a) + " = null;");
+            this.g.k("public " + this.v(a, false) + " " + this.u(a));
             this.g.k("{");
             this.g.h();
             this.g.k("get");
             this.g.k("{");
             this.g.h();
-            this.g.k("if (" + this.al(a) + " == null)");
+            this.g.k("if (" + this.ao(a) + " == null)");
             this.g.k("{");
             this.g.h();
-            this.g.k(this.al(a) + " = new " + this.t(a, false) + "();");
+            this.g.k(d);
             this.g.f();
             this.g.k("}");
-            this.g.k("return " + this.al(a) + ";");
+            this.g.k("return " + this.ao(a) + ";");
             this.g.f();
             this.g.k("}");
             this.g.f();
             this.g.k("}");
             this.g.k("");
         }
-        ad(a, b) {
-            super.ad(a, b);
-            this.g.k("private " + this.ai(b.e) + " " + this.al(a) + " = " + this.aj(b) + ";");
-            this.g.k("public " + this.ai(b.e) + " " + this.s(a));
+        ag(a, b) {
+            super.ag(a, b);
+            this.g.k("private " + this.al(b.e) + " " + this.ao(a) + " = " + this.am(b) + ";");
+            this.g.k("public " + this.al(b.e) + " " + this.u(a));
             this.g.k("{");
             this.g.h();
             this.g.k("get");
             this.g.k("{");
             this.g.h();
-            this.g.k("return " + this.al(a) + ";");
+            this.g.k("return " + this.ao(a) + ";");
             this.g.f();
             this.g.k("}");
             this.g.f();
             this.g.k("}");
             this.g.k("");
         }
-        ae(a, b, c, d) {
-            super.ae(a, b, c, d);
-            this.g.k("private " + this.t(a, false) + "Item " + this.al(a) + " = null;");
-            this.g.k("public " + this.t(a, false) + "Item " + this.s(a));
+        ah(a, b, c, d) {
+            super.ah(a, b, c, d);
+            this.g.k("private " + this.v(a, false) + "Item " + this.ao(a) + " = null;");
+            this.g.k("public " + this.v(a, false) + "Item " + this.u(a));
             this.g.k("{");
             this.g.h();
             this.g.k("get");
             this.g.k("{");
             this.g.h();
-            this.g.k("if (" + this.al(a) + " == null)");
+            this.g.k("if (" + this.ao(a) + " == null)");
             this.g.k("{");
             this.g.h();
             this.g.k("_" + a + " = ");
-            this.am(this.t(a, true), b, c, d, this.g);
+            this.ap(this.v(a, true), b, c, d, this.g);
             this.g.f();
             this.g.k("}");
-            this.g.k("return " + this.al(a) + ";");
+            this.g.k("return " + this.ao(a) + ";");
             this.g.f();
             this.g.k("}");
             this.g.f();
             this.g.k("}");
             this.g.k("");
         }
-        get_q() {
+        get_s() {
             return ".cs";
         }
-        y(a, b, c) {
+        ab(a, b, c) {
             b.k("public class " + a.d);
             b.k("{");
             b.h();
             for (let d = 0; d < a.a.length; d++) {
                 let e = a.a[d];
                 let f = a.b[d];
-                b.k("public " + this.ak(a, e, f) + " " + this.s(e) + "{ get; set; }");
+                b.k("public " + this.an(a, e, f) + " " + this.u(e) + "{ get; set; }");
             }
             b.f();
             b.k("}");
         }
-        ai(a) {
+        al(a) {
             switch (a) {
                 case 1: return "bool";
                 case 0: return "double";
@@ -1248,12 +1519,12 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             }
             return "object";
         }
-        ak(a, b, c) {
+        an(a, b, c) {
             if (c.d) {
-                return "List<" + a.d + "_" + this.s(b) + "Item>";
+                return "List<" + a.d + "_" + this.u(b) + "Item>";
             }
             else if (c.f) {
-                return a.d + "_" + this.s(b);
+                return a.d + "_" + this.u(b);
             }
             else {
                 switch (c.c) {
@@ -1265,20 +1536,20 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             }
             return "object";
         }
-        af(a, b, c, d) {
-            super.af(a, b, c, d);
+        ai(a, b, c, d) {
+            super.ai(a, b, c, d);
             d.f();
             d.k("}");
             d.f();
             d.k("}");
         }
-        u(a, b, c, d, e, f) {
-            super.u(a, b, c, d, e, f);
+        w(a, b, c, d, e, f) {
+            super.w(a, b, c, d, e, f);
             f.j("this.Add(");
-            this.am(this.t(a, true), b, c, d, f);
+            this.ap(this.v(a, true), b, c, d, f);
             f.k(");");
         }
-        am(a, b, c, d, e) {
+        ap(a, b, c, d, e) {
             if (d == null) {
                 e.j("null");
                 return;
@@ -1293,7 +1564,7 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
                         if (g > 0) {
                             e.k(",");
                         }
-                        this.am(a, b, c, f.items[g], e);
+                        this.ap(a, b, c, f.items[g], e);
                     }
                 }
                 e.f();
@@ -1312,16 +1583,16 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
                     }
                     e.j(j + " = ");
                     if (k.d) {
-                        let l = a + "_" + this.s(j) + "Item";
-                        this.am(l, k.a, k.b, h.item(j), e);
+                        let l = a + "_" + this.u(j) + "Item";
+                        this.ap(l, k.a, k.b, h.item(j), e);
                     }
                     else if (k.f) {
-                        let m = a + "_" + this.s(j);
-                        this.am(m, k.a, k.b, h.item(j), e);
+                        let m = a + "_" + this.u(j);
+                        this.ap(m, k.a, k.b, h.item(j), e);
                     }
                     else {
                         let n = h.item(j);
-                        e.j(this.r(k, n));
+                        e.j(this.t(k, n));
                     }
                 }
                 e.k("");
@@ -1329,16 +1600,20 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
                 e.j("}");
             }
         }
-        r(a, b) {
+        t(a, b) {
             switch (a.c) {
                 case 1: return (b.value ? "true" : "false");
-                case 0: return (b.value.toString());
+                case 0:
+                    if (b == null || b.value == null) {
+                        return "double.NaN";
+                    }
+                    return (b.value.toString());
                 case 2: return ("@\"" + stringReplace(b.value, "\"", "\"\"") + "\"");
                 case 3: return ("null");
             }
             return "";
         }
-        aj(a) {
+        am(a) {
             switch (a.e) {
                 case 1: return (a.value ? "true" : "false");
                 case 0: return (a.value.toString());
@@ -1359,10 +1634,10 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
         constructor(a, b) {
             super(a, b);
         }
-        get_q() {
+        get_r() {
             return false;
         }
-        ad(a) {
+        ae(a) {
             if (a.c == null) {
                 return "null";
             }
@@ -1376,20 +1651,20 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return c;
         }
-        as(a) {
-            super.as(a);
+        at(a) {
+            super.at(a);
             this.h.k("<ig:" + a + "");
         }
-        a5() {
+        a6() {
             this.h.k(">");
             this.h.h();
         }
-        a0(a) {
+        a1(a) {
             this.h.f();
             this.h.k("</ig:" + a + ">");
-            super.a0(a);
+            super.a1(a);
         }
-        ay(a, b, c, d) {
+        az(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) {
@@ -1398,7 +1673,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
                     this.h.j(b);
                     this.h.j("=");
                     this.h.j("\"");
-                    this.h.j("{}" + this.an(c, true));
+                    this.h.j("{}" + this.ao(c, true));
                     this.h.j("\"");
                     return;
                 }
@@ -1409,10 +1684,10 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.an(c, true));
+            this.h.j(this.ao(c, true));
             this.h.j("\"");
         }
-        w(a) {
+        x(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1422,24 +1697,24 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return b.b;
         }
-        ak() {
+        al() {
             return "{x:Null}";
         }
-        af(a) {
+        ag(a) {
             return "{Binding ElementName=" + a.a.e + "}";
         }
-        a7(a) {
+        a8(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.dp(a);
+            return CodeGeneratingComponentRenderer.dq(a);
         }
-        al(a) {
-            this.a6(a);
-            return "{Binding " + this.a7(a.a.e) + "}";
+        am(a) {
+            this.a7(a);
+            return "{Binding " + this.a8(a.a.e) + "}";
         }
-        az(a, b, c, d) {
+        a0(a, b, c, d) {
             this.h.j("<ig:");
             {
-                this.h.j(this.ac);
+                this.h.j(this.ad);
                 this.h.j(".");
             }
             this.h.j(b);
@@ -1465,13 +1740,13 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             this.h.f();
             this.h.j("</ig:");
             {
-                this.h.j(this.ac);
+                this.h.j(this.ad);
                 this.h.j(".");
             }
             this.h.j(b);
             this.h.k(">");
         }
-        get_ap() {
+        get_aq() {
             return "Xam";
         }
     }
@@ -1486,7 +1761,7 @@ export let WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         constructor(a, b) {
             super(a, b);
         }
-        get_q() {
+        get_r() {
             return false;
         }
     }
@@ -1500,17 +1775,17 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
     class CodeGeneratingComponentRenderer extends ComponentRenderer {
         constructor(a, b) {
             super();
-            this.dh = null;
-            this.di = 0;
-            this.dj = null;
+            this.di = null;
+            this.dj = 0;
             this.dk = null;
             this.dl = null;
-            this.dh = b;
-            this.di = a;
-            ComponentRenderer.platform = CodeGeneratingComponentRenderer.dm(a);
-            this.e = new CodeGenerationRendererAdapter(a, this.e);
-            this.context = new TypeDescriptionContext(this.e, ComponentRenderer.platform);
-            this.g = new CodeGenerationTransformer(a);
+            this.dm = null;
+            this.di = b;
+            this.dj = a;
+            ComponentRenderer.platform = CodeGeneratingComponentRenderer.dn(a);
+            this.f = new CodeGenerationRendererAdapter(a, this.f);
+            this.context = new TypeDescriptionContext(this.f, ComponentRenderer.platform);
+            this.h = new CodeGenerationTransformer(a);
         }
         loadCodeJson(a) {
             this.loadJson(a, (b) => ((() => {
@@ -1519,7 +1794,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        static dn(a) {
+        static dp(a) {
             if (a == null) {
                 return null;
             }
@@ -1528,7 +1803,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toLowerCase() + a.substr(1);
         }
-        static dp(a) {
+        static dq(a) {
             if (a == null) {
                 return null;
             }
@@ -1537,7 +1812,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toUpperCase() + a.substr(1);
         }
-        static dq(a) {
+        static dr(a) {
             if (a == null) {
                 return null;
             }
@@ -1572,26 +1847,26 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return j.toString();
         }
-        aj() {
+        ak() {
             return true;
         }
-        y(a) {
-            super.y(a);
-            this.dj = a;
+        z(a) {
+            super.z(a);
+            this.dk = a;
             return true;
         }
-        ad(a) {
-            super.ad(a);
-            this.dl = a;
+        ae(a) {
+            super.ae(a);
+            this.dm = a;
             return true;
         }
-        z(a) {
-            super.z(a);
-            this.dk = a;
+        aa(a) {
+            super.aa(a);
+            this.dl = a;
             return true;
         }
-        dc(a, b, c) {
-            switch (this.di) {
+        dd(a, b, c) {
+            switch (this.dj) {
                 case 1: if (b.forceCodeBehind) {
                     return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
                 }
@@ -1617,44 +1892,53 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 else {
                     return new WPFXamlCodeGeneratingComponentRendererCodeEmitter(b, c);
                 }
+                case 5: if (b.forceCodeBehind) {
+                    return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
+                }
+                else {
+                    return new BlazorRazorCodeGeneratingComponentRendererCodeEmitter(b, c);
+                }
             }
             return null;
         }
-        dd(a, b) {
-            switch (this.di) {
+        de(a, b) {
+            switch (this.dj) {
                 case 1: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
                 case 2: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
                 case 3: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
                 case 4: break;
-                case 0: return new DotNetCodeGeneratingComponentRendererDataEmitter(a, b);
+                case 0:
+                case 5: return new DotNetCodeGeneratingComponentRendererDataEmitter(a, b);
             }
             return null;
         }
-        de(a, b) {
-            switch (this.di) {
-                case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.di);
-                case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.di);
-                case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.di);
+        df(a, b) {
+            switch (this.dj) {
+                case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
+                case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
+                case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
                 case 4: break;
-                case 0: return new DotNetCodeGeneratingComponentRendererHandlerEmitter(a, b);
+                case 0:
+                case 5: return new DotNetCodeGeneratingComponentRendererHandlerEmitter(a, b);
             }
             return null;
         }
-        df(a, b) {
-            switch (this.di) {
-                case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.di, a, b);
-                case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.di, a, b);
-                case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.di, a, b);
+        dg(a, b) {
+            switch (this.dj) {
+                case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
+                case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
+                case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
                 case 4: break;
-                case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.di, a, b);
+                case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
+                case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
             }
             return null;
         }
         emitCode(a) {
             let b = new CodeGeneratingRendererResult();
-            b.platform = this.di;
-            b.generationOptions = this.dh;
-            for (let c of fromEnum(this.ay.keys)) {
+            b.platform = this.dj;
+            b.generationOptions = this.di;
+            for (let c of fromEnum(this.az.keys)) {
                 let d = c;
                 let e = d.id;
                 for (let f of fromEnum(d.a)) {
@@ -1666,17 +1950,17 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            for (let g of fromEnum(this.ay.keys)) {
+            for (let g of fromEnum(this.az.keys)) {
                 let h = g;
-                h.c(b, this, this.dh);
+                h.c(b, this, this.di);
             }
-            if (this.dj != null) {
-                let i = this.df(this.dh, b);
-                i.l(this.dj);
+            if (this.dk != null) {
+                let i = this.dg(this.di, b);
+                i.l(this.dk);
             }
-            if (this.dl != null) {
-                if (typeCast(JsonDictionaryObject.$, this.dl) !== null) {
-                    let j = this.dl;
+            if (this.dm != null) {
+                if (typeCast(JsonDictionaryObject.$, this.dm) !== null) {
+                    let j = this.dm;
                     let m = j.e();
                     for (let l = 0; l < m.length; l++) {
                         let k = m[l];
@@ -1685,52 +1969,54 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 }
             }
             {
-                let n = this.dd(this.dh, b);
-                n.x(this.dk);
+                let n = this.de(this.di, b);
+                n.aa(this.dl);
             }
-            let o = this.de(this.dh, b);
+            let o = this.df(this.di, b);
             o.j();
-            this.du(b, a);
+            this.dv(b, a);
             return b;
         }
-        du(a, b) {
+        dv(a, b) {
             b.execute(a);
         }
-        a3() {
-            return runOn(this, this.ds);
+        a4() {
+            return runOn(this, this.dt);
         }
-        dr(a) {
+        ds(a) {
             a = stringReplace(a, "-", "_");
-            switch (this.di) {
+            switch (this.dj) {
                 case 1:
                 case 2:
-                case 3: return CodeGeneratingComponentRenderer.dn(a);
+                case 3: return CodeGeneratingComponentRenderer.dp(a);
                 case 4:
-                case 0: return CodeGeneratingComponentRenderer.dp(a);
+                case 0:
+                case 5: return CodeGeneratingComponentRenderer.dq(a);
             }
             return a;
         }
-        ds(a) {
+        dt(a) {
             let b = a;
             if (stringStartsWith(a, "{")) {
                 if (!stringStartsWith(a, "{[")) {
                     a = a.substr(1, a.length - 2);
-                    a = "{" + this.dr(a) + "}";
+                    a = "{" + this.ds(a) + "}";
                     b = a;
                 }
             }
             else {
-                b = this.dr(a);
+                b = this.ds(a);
             }
             return b;
         }
-        static dm(a) {
+        static dn(a) {
             switch (a) {
                 case 1: return 3;
                 case 2: return 2;
                 case 3: return 4;
                 case 4: return 8;
                 case 0: return 0;
+                case 5: return 12;
             }
             return 0;
         }
@@ -1761,14 +2047,14 @@ export let CodeGenerationContainer = /*@__PURE__*/ (() => {
             let f = new StringBuilder(0);
             let g = new CodeGeneratingImportManager();
             for (let h of fromEnum(this.a)) {
-                let i = b.dc(h, c, a);
+                let i = b.dd(h, c, a);
                 h.p(i, true);
                 let j = i.toString();
                 a.addContainerResult(this.id, j);
-                i.au(d);
-                i.ax(e);
-                i.at(f);
-                i.av(g);
+                i.av(d);
+                i.ay(e);
+                i.au(f);
+                i.aw(g);
             }
             a.addContainerResult("bindingFields", d.toString());
             a.addContainerResult("bindingInit", e.toString());
@@ -1850,27 +2136,27 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             let c = this.m();
             if (b) {
                 let d = this.n();
-                a.ao = d;
+                a.ap = d;
             }
             let e = false;
             let f = false;
             if (this.f.containsKey("Name")) {
                 e = true;
-                a.a4(this.f.item("Name").c);
+                a.a5(this.f.item("Name").c);
             }
             else if (this.f.containsKey("name")) {
                 e = true;
-                a.a4(this.f.item("name").c);
+                a.a5(this.f.item("name").c);
             }
             else {
                 if (this.e(a)) {
                     f = true;
-                    a.a3(c);
-                    if (a.q) {
+                    a.a4(c);
+                    if (a.r) {
                         this.g.add("name");
                         this.f.addItem("name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.ab;
+                            $ret.c = a.ac;
                             return $ret;
                         })()));
                     }
@@ -1878,13 +2164,13 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                         this.g.add("Name");
                         this.f.addItem("Name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.ab;
+                            $ret.c = a.ac;
                             return $ret;
                         })()));
                     }
                 }
             }
-            a.as(c);
+            a.at(c);
             let g = 0;
             for (let h of fromEnum(this.g)) {
                 let i = this.f.item(h);
@@ -1892,11 +2178,11 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                     continue;
                 }
                 if (this.d(h, i)) {
-                    a.ay(g, h, i, this.c);
+                    a.az(g, h, i, this.c);
                     g++;
                 }
             }
-            a.a5();
+            a.a6();
             let j = 0;
             for (let k of fromEnum(this.g)) {
                 let l = this.f.item(k);
@@ -1904,17 +2190,17 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                     continue;
                 }
                 if (!this.d(k, l)) {
-                    a.az(j, k, l, this.c);
+                    a.a0(j, k, l, this.c);
                     j++;
                 }
             }
-            a.a0(c);
+            a.a1(c);
             if (e) {
-                a.a2();
+                a.a3();
             }
             else {
                 if (f) {
-                    a.a1();
+                    a.a2();
                 }
             }
         }
@@ -2008,6 +2294,7 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 case 3: return "Igc";
                 case 4: return "Ultra";
                 case 0: return "Xam";
+                case 5: return "Igb";
             }
             return "";
         }