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

package/esm5/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -16,7 +16,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";
@@ -27,6 +27,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";
@@ -39,16 +40,16 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         var _this = _super.call(this) || this;
         _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);
@@ -57,7 +58,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         _this.b = new CodeGeneratingCodeWriter(_this.k);
         return _this;
     }
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
         this.i.ab(a);
     };
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "j", {
@@ -95,8 +96,8 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a) {
-        this.s.add(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        this.t.add(a);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.n = function (a) {
         if (a.b != null && (a.b.knownType == 20 || a.b.knownType == 19 || a.b.knownType == 18)) {
@@ -106,43 +107,43 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ac", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ad", {
         get: function () {
-            return this.v.d();
+            return this.w.d();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
-        this.v.h(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        this.w.h(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a) {
-        this.v.e();
-    };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
+        this.w.e();
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
-        this.ay(a, b, c, d);
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+        this.az(a, b, c, d);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.toString = function () {
         return this.d.toString();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ak = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
         return "null";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (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:
                 {
                     var c = "";
@@ -151,13 +152,13 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                         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:
                 {
                     var f = "";
@@ -166,44 +167,44 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                         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();
@@ -222,7 +223,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                     var 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) {
@@ -236,139 +237,147 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.w = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
         return a.c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.an = function (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.al();
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.o = function (a) {
+        if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
+            if (a.a.a) {
+                return true;
             }
         }
-        return this.ak();
+        return false;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             return a.a.e;
         }
-        return this.ak();
+        return this.al();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         return a.c != null ? a.c.toString() : "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
-        return this.ah(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ak = function (a) {
+        return this.ai(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a6(a);
+            this.a7(a);
             return a.a.e;
         }
-        return this.ak();
+        return this.al();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_p = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "p", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "q", {
         get: function () {
-            return this.get_p();
+            return this.get_q();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aa = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ab = function (a) {
         var b = a.c;
-        return ColorUtil.i(b, this.p);
+        return ColorUtil.i(b, this.q);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.z = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aa = function (a) {
         var b = a;
-        return ColorUtil.i(b, this.p);
+        return ColorUtil.i(b, this.q);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.z = function (a) {
         if (a.c == null) {
             return "";
         }
         var b = a.c;
-        return ColorUtil.i(b.color, this.p);
+        return ColorUtil.i(b.color, this.q);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
         if (a == null) {
             return "";
         }
         var b = a;
-        return ColorUtil.i(b.color, this.p);
+        return ColorUtil.i(b.color, this.q);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
-        this.t.h(a);
-        this.u.h(false);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
+        this.u.h(a);
+        this.v.h(false);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        var b = this.ae(a);
-        this.t.h(b);
-        this.u.h(true);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
+        var b = this.af(a);
+        this.u.h(b);
+        this.v.h(true);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
-        var b = stringReplace(stringReplace(a, this.ap, ""), "Component", "");
-        b = CodeGeneratingComponentRenderer.dn(b);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+        var b = stringReplace(stringReplace(a, this.aq, ""), "Component", "");
+        b = CodeGeneratingComponentRenderer.dp(b);
         return this.i.s(b);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function () {
-        this.t.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function () {
         this.u.e();
+        this.v.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_ap = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ap", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "aq", {
         get: function () {
-            return this.get_ap();
+            return this.get_aq();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ab", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ac", {
         get: function () {
-            if (this.t.f > 0) {
-                return this.t.d();
+            if (this.u.f > 0) {
+                return this.u.d();
             }
-            var a = stringReplace(stringReplace(this.ac, this.ap, ""), "Component", "");
-            return CodeGeneratingComponentRenderer.dn(a);
+            var a = stringReplace(stringReplace(this.ad, this.aq, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.dp(a);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "o", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "p", {
         get: function () {
-            return this.v.f == 1;
+            return this.w.f == 1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "l", {
         get: function () {
-            if (this.u.f == 0) {
+            if (this.v.f == 0) {
                 return false;
             }
-            return this.u.d();
+            return this.v.d();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "m", {
         get: function () {
-            if (this.t.f > 0) {
+            if (this.u.f > 0) {
                 return true;
             }
             return false;
@@ -376,48 +385,269 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return true;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "q", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
         get: function () {
-            return this.get_q();
+            return this.get_r();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function () {
-        this.t.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function () {
+        this.u.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         var b = this.f.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
         var b = this.g.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
         var b = this.e.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
-        if (this.s.count > 0) {
-            this.aw(this.s, a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a) {
+        if (this.t.count > 0) {
+            this.ax(this.t, a);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a, b) {
     };
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
     return CodeGeneratingComponentRendererCodeEmitter;
 }(Base));
 export { CodeGeneratingComponentRendererCodeEmitter };
+/**
+ * @hidden
+ */
+var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, _super);
+    function BlazorRazorCodeGeneratingComponentRendererCodeEmitter(a, b) {
+        var _this = _super.call(this, a, b) || this;
+        _this.ba = 0;
+        _this.a8 = new HashSet$1(String_$type, 0);
+        _this.a9 = new HashSet$1(String_$type, 0);
+        return _this;
+    }
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return false;
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b) {
+        if (b.c == null) {
+            return "null";
+        }
+        var c = b.c;
+        var d = "@(new " + a + "[] { ";
+        for (var e = 0; e < c.length; e++) {
+            if (e > 0) {
+                d += ", ";
+            }
+            d += "\"" + c[e] + "\"";
+        }
+        d += " })";
+        return d;
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+        if (a.b.specificExternalType == "string") {
+            return this.bb(a.b.specificExternalType, a);
+        }
+        if (a.c == null) {
+            return "null";
+        }
+        var b = a.c;
+        var c = "";
+        for (var d = 0; d < b.length; d++) {
+            if (d > 0) {
+                c += ", ";
+            }
+            c += b[d];
+        }
+        return c;
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        _super.prototype.at.call(this, 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) + ";");
+            }
+        }
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
+        this.h.k(">");
+        this.h.h();
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
+        this.h.f();
+        this.h.k("</" + a + ">");
+        _super.prototype.a1.call(this, a);
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (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) + ";");
+                }
+            }
+            var e = CodeGeneratingComponentRenderer.dp(this.ao(c, true));
+            var 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("");
+        }
+        var 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)) + "\"");
+        }
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+        var b = a.b != null ? a.b.specificType + "." : "";
+        return b + (a.c != null ? a.c.toString() : "");
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+        var 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;
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
+        return "@null";
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+        return CodeGeneratingComponentRenderer.dp(CodeGeneratingComponentRenderer.dp(a.a.e));
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
+        a = stringReplace(a, "-", "_");
+        return CodeGeneratingComponentRenderer.dq(a);
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+        this.a7(a);
+        return CodeGeneratingComponentRenderer.dq(a.a.e);
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+        var e_1, _a;
+        if (c.b.knownType == 9) {
+            var e = typeCast(IList_$type, c.c);
+            if (e != null) {
+                try {
+                    for (var _b = __values(fromEn(e)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var f = _c.value;
+                        if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
+                            var g = f;
+                            g.p(this, false);
+                        }
+                    }
+                }
+                catch (e_1_1) {
+                    e_1 = { error: e_1_1 };
+                }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return))
+                            _a.call(_b);
+                    }
+                    finally {
+                        if (e_1)
+                            throw e_1.error;
+                    }
+                }
+            }
+        }
+        else {
+            if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
+                var h = c.c;
+                h.p(this, false);
+            }
+        }
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+        return "Igb";
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    return BlazorRazorCodeGeneratingComponentRendererCodeEmitter;
+}(CodeGeneratingComponentRendererCodeEmitter));
+export { BlazorRazorCodeGeneratingComponentRendererCodeEmitter };
+/**
+ * @hidden
+ */
+var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, _super);
+    function BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
+        return _super.call(this, a, b) || this;
+    }
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return false;
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    return BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter;
+}(CodeGeneratingComponentRendererCodeEmitter));
+export { BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter };
 /**
  * @hidden
  */
@@ -425,11 +655,11 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function ReactMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.a7 = new HashSet$1(String_$type, 0);
         _this.a8 = new HashSet$1(String_$type, 0);
+        _this.a9 = new HashSet$1(String_$type, 0);
         return _this;
     }
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         if (a.c == null) {
             return "{null}";
         }
@@ -444,43 +674,43 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         c += "]";
         return c;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_p = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
         return true;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_ap = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
         return "Igr";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
-        _super.prototype.as.call(this, a);
-        this.h.k("<" + this.ba(a) + "");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        _super.prototype.at.call(this, 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);");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.dp(a);
+        return CodeGeneratingComponentRenderer.dq(a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function () {
-        if (!this.o && !this.m) {
-            var a = this.a9();
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
+        if (!this.p && !this.m) {
+            var a = this.ba();
             this.h.k("");
             this.h.k("name=\"" + a + "\"");
         }
@@ -488,31 +718,31 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         this.h.k(">");
         this.h.h();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function () {
-        var a = CodeGeneratingComponentRenderer.dn(stringReplace(stringReplace(this.ac, this.ap, ""), "Component", ""));
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function () {
+        var a = CodeGeneratingComponentRenderer.dp(stringReplace(stringReplace(this.ad, this.aq, ""), "Component", ""));
         a = this.j.r(a);
         return a;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (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();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
         this.h.f();
-        this.h.k("</" + this.ba(a) + ">");
-        _super.prototype.a0.call(this, a);
-    };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.dn(b);
-        var 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.prototype.a1.call(this, a);
+    };
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.dp(b);
+        var 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("");
             }
@@ -524,10 +754,10 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
             return;
         }
-        if (!(e == "name") || !this.o) {
+        if (!(e == "name") || !this.p) {
             var g = (c.b != null && c.b.knownType == 10);
             if (this.n(c) || g) {
-                this.a6(c);
+                this.a7(c);
                 f = "{" + f + "}";
             }
             if (a > 0) {
@@ -545,15 +775,15 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             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}");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.w = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -563,17 +793,17 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ak = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
         return "null";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.dn(a.a.e);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+        return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.dn(a.a.e);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+        return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
-        var e_1, _a;
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+        var e_2, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -586,8 +816,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                         }
                     }
                 }
-                catch (e_1_1) {
-                    e_1 = { error: e_1_1 };
+                catch (e_2_1) {
+                    e_2 = { error: e_2_1 };
                 }
                 finally {
                     try {
@@ -595,8 +825,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                             _a.call(_b);
                     }
                     finally {
-                        if (e_1)
-                            throw e_1.error;
+                        if (e_2)
+                            throw e_2.error;
                     }
                 }
             }
@@ -608,17 +838,17 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b) {
-        var e_2, _a;
-        _super.prototype.aw.call(this, a, b);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a, b) {
+        var e_3, _a;
+        _super.prototype.ax.call(this, a, b);
         try {
             for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var c = _c.value;
-                b.addPackageImport("igniteui-react-" + this.ao, c);
+                b.addPackageImport("igniteui-react-" + this.ap, c);
             }
         }
-        catch (e_2_1) {
-            e_2 = { error: e_2_1 };
+        catch (e_3_1) {
+            e_3 = { error: e_3_1 };
         }
         finally {
             try {
@@ -626,8 +856,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                     _a.call(_b);
             }
             finally {
-                if (e_2)
-                    throw e_2.error;
+                if (e_3)
+                    throw e_3.error;
             }
         }
     };
@@ -654,12 +884,12 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
     __extends(WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _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);
         return _this;
     }
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -673,58 +903,58 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return c;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_p = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
         return true;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
-        _super.prototype.as.call(this, 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);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        _super.prototype.at.call(this, 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.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 + ";");
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.dq(a);
+        return CodeGeneratingComponentRenderer.dr(a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
         this.h.k(">");
         this.h.h();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
         this.h.f();
-        this.h.k("</" + this.ba(a) + ">");
-        _super.prototype.a0.call(this, a);
+        this.h.k("</" + this.bb(a) + ">");
+        _super.prototype.a1.call(this, a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_ap = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
         return "Igc";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b) {
-        var e_3, _a;
-        _super.prototype.aw.call(this, a, b);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a, b) {
+        var e_4, _a;
+        _super.prototype.ax.call(this, a, b);
         try {
             for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var c = _c.value;
-                b.addPackageImport("igniteui-webcomponents-" + this.ao, c);
+                b.addPackageImport("igniteui-webcomponents-" + this.ap, c);
             }
         }
-        catch (e_3_1) {
-            e_3 = { error: e_3_1 };
+        catch (e_4_1) {
+            e_4 = { error: e_4_1 };
         }
         finally {
             try {
@@ -732,53 +962,53 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                     _a.call(_b);
             }
             finally {
-                if (e_3)
-                    throw e_3.error;
+                if (e_4)
+                    throw e_4.error;
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.dn(b);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+        var 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.f.k("private " + CodeGeneratingComponentRenderer.dn(this.ab) + ": " + 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.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 + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.dn(this.an(c, true));
+            var f = CodeGeneratingComponentRenderer.dp(this.ao(c, true));
             var 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) + "\"");
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.w = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -788,27 +1018,27 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return b.b;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ak = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
         return "null";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
-        return CodeGeneratingComponentRenderer.dn(a.a.e);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+        return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a) {
-        return CodeGeneratingComponentRenderer.dn(a.a.e);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+        return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (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();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
-        var e_4, _a;
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+        var e_5, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -821,8 +1051,8 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                         }
                     }
                 }
-                catch (e_4_1) {
-                    e_4 = { error: e_4_1 };
+                catch (e_5_1) {
+                    e_5 = { error: e_5_1 };
                 }
                 finally {
                     try {
@@ -830,8 +1060,8 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                             _a.call(_b);
                     }
                     finally {
-                        if (e_4)
-                            throw e_4.error;
+                        if (e_5)
+                            throw e_5.error;
                     }
                 }
             }
@@ -866,43 +1096,43 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     __extends(TSCodeGeneratingComponentRendererDataEmitter, _super);
     function TSCodeGeneratingComponentRendererDataEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.ah = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
+        _this.ak = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
         return _this;
     }
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.t = function (a, b) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.v = function (a, b) {
         if (b === void 0) {
             b = false;
         }
-        a = CodeGeneratingComponentRenderer.dp(a);
+        a = CodeGeneratingComponentRenderer.dq(a);
         a = stringReplace(a, "-", "_");
         if (b) {
             a += "Item";
         }
         return a;
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.s = function (a) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.dn(a);
+        return CodeGeneratingComponentRenderer.dp(a);
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.al = function (a) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.ao = function (a) {
         a = stringReplace(a, "-", "_");
-        return "_" + CodeGeneratingComponentRenderer.dn(a);
+        return "_" + CodeGeneratingComponentRenderer.dp(a);
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.get_q = function () {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.get_s = function () {
         return ".ts";
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b, c, d, e) {
-        var e_5, _a;
-        _super.prototype.ag.call(this, a, b, c, d, e);
-        var f = this.p(this.t(a, true), this.t(a, false), b, c);
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d, e) {
+        var e_6, _a;
+        _super.prototype.aj.call(this, a, b, c, d, e);
+        var f = this.r(this.v(a, true), this.v(a, false), b, c);
         try {
             for (var _b = __values(fromEnum(f)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var g = _c.value;
-                this.y(g, d, e);
+                this.ab(g, d, e);
             }
         }
-        catch (e_5_1) {
-            e_5 = { error: e_5_1 };
+        catch (e_6_1) {
+            e_6 = { error: e_6_1 };
         }
         finally {
             try {
@@ -910,73 +1140,121 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                     _a.call(_b);
             }
             finally {
-                if (e_5)
-                    throw e_5.error;
+                if (e_6)
+                    throw e_6.error;
             }
         }
         var 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();");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.ac = function (a) {
-        _super.prototype.ac.call(this, 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("{");
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.af = function (a, b, c) {
+        _super.prototype.af.call(this, a, b, c);
+        var d = this.p.cDNBasePath + this.v(a, false) + ".json";
+        var e = "";
+        if (this.n.platform == 2) {
+            e = "this.setState({}); ";
+        }
+        if (this.n.platform == 3) {
+            e = "if ((this as any)._bind) { (this as any)._bind(); } ";
+        }
+        var f = this.v(a, false);
+        var 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("");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.ad = function (a, b) {
-        _super.prototype.ad.call(this, 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) + " {");
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b) {
+        _super.prototype.ag.call(this, 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("");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.ae = function (a, b, c, d) {
-        _super.prototype.ae.call(this, 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 {");
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.ah = function (a, b, c, d) {
+        _super.prototype.ah.call(this, 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("");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.v = function (a, b) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.x = function (a, b) {
         b.addPackageImport("./" + a, a);
         b.addPackageImport("./" + a, a + "Item");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.w = function (a, b) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.y = function (a, b) {
+        b.addDefaultImport("./" + a, a);
+    };
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.z = function (a, b) {
         this.l = CodeGeneratingImportManager.merge(this.l, b);
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.y = function (a, b, c) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.ab = function (a, b, c) {
         var d = 0;
         if (c == this.k) {
             c.addPackageImport("./" + a.d, a.d);
@@ -995,13 +1273,13 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         for (var e = 0; e < a.a.length; e++) {
             var f = a.a[e];
             var 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("}");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.ai = function (a) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.al = function (a) {
         switch (a) {
             case 1: return "boolean";
             case 0: return "number";
@@ -1010,12 +1288,12 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         }
         return "any";
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.ak = function (a, b, c) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.an = function (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) {
@@ -1027,20 +1305,20 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         }
         return "any";
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.af = function (a, b, c, d) {
-        _super.prototype.af.call(this, a, b, c, d);
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.ai = function (a, b, c, d) {
+        _super.prototype.ai.call(this, a, b, c, d);
         d.f();
         d.k("}");
         d.f();
         d.k("}");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a, b, c, d, e, f) {
-        _super.prototype.u.call(this, a, b, c, d, e, f);
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.w = function (a, b, c, d, e, f) {
+        _super.prototype.w.call(this, 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(");");
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.am = function (a, b, c, d, e) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.ap = function (a, b, c, d, e) {
         if (d == null) {
             e.j("null");
             return;
@@ -1054,7 +1332,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__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();
@@ -1071,18 +1349,18 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                 if (i > 0) {
                     e.k(",");
                 }
-                e.j(this.s(j) + ": ");
+                e.j(this.u(j) + ": ");
                 if (k.d) {
-                    var l = a + "_" + this.s(j) + "Item";
-                    this.am(l, k.a, k.b, h.item(j), e);
+                    var l = a + "_" + this.u(j) + "Item";
+                    this.ap(l, k.a, k.b, h.item(j), e);
                 }
                 else if (k.f) {
-                    var m = a + "_" + this.s(j);
-                    this.am(m, k.a, k.b, h.item(j), e);
+                    var m = a + "_" + this.u(j);
+                    this.ap(m, k.a, k.b, h.item(j), e);
                 }
                 else {
                     var n = h.item(j);
-                    e.j(this.r(k, n));
+                    e.j(this.t(k, n));
                 }
             }
             e.k("");
@@ -1090,7 +1368,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
             e.j("})");
         }
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.r = function (a, b) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.t = function (a, b) {
         if (b.value == null) {
             return ("null");
         }
@@ -1102,7 +1380,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         }
         return "";
     };
-    TSCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a) {
+    TSCodeGeneratingComponentRendererDataEmitter.prototype.am = function (a) {
         switch (a.e) {
             case 1: return (a.value ? "true" : "false");
             case 0: return (a.value.toString());
@@ -1123,7 +1401,7 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     function AngularTemplateCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -1137,35 +1415,35 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return c;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_p = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
         return true;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_ap = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
         return "Igx";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
-        _super.prototype.as.call(this, a);
-        this.h.k("<" + this.a7(a) + "");
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        _super.prototype.at.call(this, a);
+        this.h.k("<" + this.a8(a) + "");
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.dq(a);
+        return CodeGeneratingComponentRenderer.dr(a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
         this.h.k(">");
         this.h.h();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
         this.h.f();
-        this.h.k("</" + this.a7(a) + ">");
-        _super.prototype.a0.call(this, a);
+        this.h.k("</" + this.a8(a) + ">");
+        _super.prototype.a1.call(this, a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.dn(b);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.dp(b);
         if (this.n(c)) {
-            this.a6(c);
+            this.a7(c);
             e = "[" + e + "]";
         }
         if (a > 0) {
@@ -1174,21 +1452,21 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         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)));
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (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();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.w = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1198,17 +1476,17 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return b.b;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ak = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
         return "null";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
-        return CodeGeneratingComponentRenderer.dn(a.a.e);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+        return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a) {
-        return CodeGeneratingComponentRenderer.dn(a.a.e);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+        return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
-        var e_6, _a;
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+        var e_7, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1221,8 +1499,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                         }
                     }
                 }
-                catch (e_6_1) {
-                    e_6 = { error: e_6_1 };
+                catch (e_7_1) {
+                    e_7 = { error: e_7_1 };
                 }
                 finally {
                     try {
@@ -1230,8 +1508,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                             _a.call(_b);
                     }
                     finally {
-                        if (e_6)
-                            throw e_6.error;
+                        if (e_7)
+                            throw e_7.error;
                     }
                 }
             }
@@ -1266,65 +1544,65 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
     __extends(DotNetCodeGeneratingComponentRendererDataEmitter, _super);
     function DotNetCodeGeneratingComponentRendererDataEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.ah = false;
+        _this.ak = false;
         return _this;
     }
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.w = function (a, b) {
-        _super.prototype.w.call(this, a, b);
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.z = function (a, b) {
+        _super.prototype.z.call(this, 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>");
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.aa = function (a) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ad = function (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.prototype.aa.call(this, a);
+        _super.prototype.ad.call(this, a);
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.z = function (a) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ac = function (a) {
         a.f();
         a.k("}");
-        _super.prototype.z.call(this, a);
+        _super.prototype.ac.call(this, a);
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.t = function (a, b) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.v = function (a, b) {
         if (b === void 0) {
             b = false;
         }
-        a = CodeGeneratingComponentRenderer.dp(a);
+        a = CodeGeneratingComponentRenderer.dq(a);
         a = stringReplace(a, "-", "_");
         if (b) {
             a += "Item";
         }
         return a;
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.s = function (a) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.dp(a);
+        return CodeGeneratingComponentRenderer.dq(a);
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.al = function (a) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ao = function (a) {
         a = stringReplace(a, "-", "_");
-        return "_" + CodeGeneratingComponentRenderer.dn(a);
+        return "_" + CodeGeneratingComponentRenderer.dp(a);
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b, c, d, e) {
-        var e_7, _a;
-        _super.prototype.ag.call(this, a, b, c, d, e);
-        var f = this.p(this.t(a, true), this.t(a, false), b, c);
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d, e) {
+        var e_8, _a;
+        _super.prototype.aj.call(this, a, b, c, d, e);
+        var f = this.r(this.v(a, true), this.v(a, false), b, c);
         try {
             for (var _b = __values(fromEnum(f)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var g = _c.value;
-                this.y(g, d, e);
+                this.ab(g, d, e);
             }
         }
-        catch (e_7_1) {
-            e_7 = { error: e_7_1 };
+        catch (e_8_1) {
+            e_8 = { error: e_8_1 };
         }
         finally {
             try {
@@ -1332,97 +1610,107 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                     _a.call(_b);
             }
             finally {
-                if (e_7)
-                    throw e_7.error;
+                if (e_8)
+                    throw e_8.error;
             }
         }
-        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();
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ac = function (a) {
-        _super.prototype.ac.call(this, a);
-        this.g.k("private " + this.t(a, false) + " " + this.al(a) + " = null;");
-        this.g.k("public " + this.t(a, false) + " " + this.s(a));
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.af = function (a, b, c) {
+        _super.prototype.af.call(this, a, b, c);
+        var d = this.ao(a) + " = " + "new " + this.v(a, false) + "(); ";
+        var e = "";
+        if (this.n.platform == 5) {
+            e = " StateHasChanged();";
+        }
+        else {
+        }
+        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("");
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ad = function (a, b) {
-        _super.prototype.ad.call(this, 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));
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b) {
+        _super.prototype.ag.call(this, 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("");
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ae = function (a, b, c, d) {
-        _super.prototype.ae.call(this, 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));
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ah = function (a, b, c, d) {
+        _super.prototype.ah.call(this, 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("");
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.get_q = function () {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.get_s = function () {
         return ".cs";
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.y = function (a, b, c) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ab = function (a, b, c) {
         b.k("public class " + a.d);
         b.k("{");
         b.h();
         for (var d = 0; d < a.a.length; d++) {
             var e = a.a[d];
             var 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("}");
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ai = function (a) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.al = function (a) {
         switch (a) {
             case 1: return "bool";
             case 0: return "double";
@@ -1431,12 +1719,12 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
         }
         return "object";
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ak = function (a, b, c) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.an = function (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) {
@@ -1448,20 +1736,20 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
         }
         return "object";
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.af = function (a, b, c, d) {
-        _super.prototype.af.call(this, a, b, c, d);
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ai = function (a, b, c, d) {
+        _super.prototype.ai.call(this, a, b, c, d);
         d.f();
         d.k("}");
         d.f();
         d.k("}");
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a, b, c, d, e, f) {
-        _super.prototype.u.call(this, a, b, c, d, e, f);
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.w = function (a, b, c, d, e, f) {
+        _super.prototype.w.call(this, 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(");");
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.am = function (a, b, c, d, e) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ap = function (a, b, c, d, e) {
         if (d == null) {
             e.j("null");
             return;
@@ -1476,7 +1764,7 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__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();
@@ -1495,16 +1783,16 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                 }
                 e.j(j + " = ");
                 if (k.d) {
-                    var l = a + "_" + this.s(j) + "Item";
-                    this.am(l, k.a, k.b, h.item(j), e);
+                    var l = a + "_" + this.u(j) + "Item";
+                    this.ap(l, k.a, k.b, h.item(j), e);
                 }
                 else if (k.f) {
-                    var m = a + "_" + this.s(j);
-                    this.am(m, k.a, k.b, h.item(j), e);
+                    var m = a + "_" + this.u(j);
+                    this.ap(m, k.a, k.b, h.item(j), e);
                 }
                 else {
                     var n = h.item(j);
-                    e.j(this.r(k, n));
+                    e.j(this.t(k, n));
                 }
             }
             e.k("");
@@ -1512,16 +1800,20 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
             e.j("}");
         }
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.r = function (a, b) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.t = function (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 "";
     };
-    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a) {
+    DotNetCodeGeneratingComponentRendererDataEmitter.prototype.am = function (a) {
         switch (a.e) {
             case 1: return (a.value ? "true" : "false");
             case 0: return (a.value.toString());
@@ -1542,10 +1834,10 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     function WPFXamlCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return false;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -1559,20 +1851,20 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return c;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
-        _super.prototype.as.call(this, a);
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        _super.prototype.at.call(this, a);
         this.h.k("<ig:" + a + "");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
         this.h.k(">");
         this.h.h();
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
         this.h.f();
         this.h.k("</ig:" + a + ">");
-        _super.prototype.a0.call(this, a);
+        _super.prototype.a1.call(this, a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b, c, d) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (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) {
@@ -1581,7 +1873,7 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__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;
             }
@@ -1592,10 +1884,10 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__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("\"");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.w = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1605,25 +1897,25 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return b.b;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ak = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
         return "{x:Null}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
         return "{Binding ElementName=" + a.a.e + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.dp(a);
+        return CodeGeneratingComponentRenderer.dq(a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a) {
-        this.a6(a);
-        return "{Binding " + this.a7(a.a.e) + "}";
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+        this.a7(a);
+        return "{Binding " + this.a8(a.a.e) + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
-        var e_8, _a;
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+        var e_9, _a;
         this.h.j("<ig:");
         {
-            this.h.j(this.ac);
+            this.h.j(this.ad);
             this.h.j(".");
         }
         this.h.j(b);
@@ -1641,8 +1933,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                         }
                     }
                 }
-                catch (e_8_1) {
-                    e_8 = { error: e_8_1 };
+                catch (e_9_1) {
+                    e_9 = { error: e_9_1 };
                 }
                 finally {
                     try {
@@ -1650,8 +1942,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                             _a.call(_b);
                     }
                     finally {
-                        if (e_8)
-                            throw e_8.error;
+                        if (e_9)
+                            throw e_9.error;
                     }
                 }
             }
@@ -1665,13 +1957,13 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__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(">");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_ap = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
         return "Xam";
     };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFXamlCodeGeneratingComponentRendererCodeEmitter, 'WPFXamlCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1686,7 +1978,7 @@ var WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
     function WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
+    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return false;
     };
     WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1700,17 +1992,17 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
     __extends(CodeGeneratingComponentRenderer, _super);
     function CodeGeneratingComponentRenderer(a, b) {
         var _this = _super.call(this) || this;
-        _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);
         return _this;
     }
     CodeGeneratingComponentRenderer.prototype.loadCodeJson = function (a) {
@@ -1722,7 +2014,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
             })());
         });
     };
-    CodeGeneratingComponentRenderer.dn = function (a) {
+    CodeGeneratingComponentRenderer.dp = function (a) {
         if (a == null) {
             return null;
         }
@@ -1731,7 +2023,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return a.substr(0, 1).toLowerCase() + a.substr(1);
     };
-    CodeGeneratingComponentRenderer.dp = function (a) {
+    CodeGeneratingComponentRenderer.dq = function (a) {
         if (a == null) {
             return null;
         }
@@ -1740,7 +2032,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return a.substr(0, 1).toUpperCase() + a.substr(1);
     };
-    CodeGeneratingComponentRenderer.dq = function (a) {
+    CodeGeneratingComponentRenderer.dr = function (a) {
         if (a == null) {
             return null;
         }
@@ -1775,26 +2067,26 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return j.toString();
     };
-    CodeGeneratingComponentRenderer.prototype.aj = function () {
+    CodeGeneratingComponentRenderer.prototype.ak = function () {
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.y = function (a) {
-        _super.prototype.y.call(this, a);
-        this.dj = a;
+    CodeGeneratingComponentRenderer.prototype.z = function (a) {
+        _super.prototype.z.call(this, a);
+        this.dk = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.ad = function (a) {
-        _super.prototype.ad.call(this, a);
-        this.dl = a;
+    CodeGeneratingComponentRenderer.prototype.ae = function (a) {
+        _super.prototype.ae.call(this, a);
+        this.dm = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.z = function (a) {
-        _super.prototype.z.call(this, a);
-        this.dk = a;
+    CodeGeneratingComponentRenderer.prototype.aa = function (a) {
+        _super.prototype.aa.call(this, a);
+        this.dl = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.dc = function (a, b, c) {
-        switch (this.di) {
+    CodeGeneratingComponentRenderer.prototype.dd = function (a, b, c) {
+        switch (this.dj) {
             case 1: if (b.forceCodeBehind) {
                 return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
             }
@@ -1820,51 +2112,60 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
             else {
                 return new WPFXamlCodeGeneratingComponentRendererCodeEmitter(b, c);
             }
+            case 5: if (b.forceCodeBehind) {
+                return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
+            }
+            else {
+                return new BlazorRazorCodeGeneratingComponentRendererCodeEmitter(b, c);
+            }
         }
         return null;
     };
-    CodeGeneratingComponentRenderer.prototype.dd = function (a, b) {
-        switch (this.di) {
+    CodeGeneratingComponentRenderer.prototype.de = function (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;
     };
-    CodeGeneratingComponentRenderer.prototype.de = function (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);
+    CodeGeneratingComponentRenderer.prototype.df = function (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;
     };
-    CodeGeneratingComponentRenderer.prototype.df = function (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);
+    CodeGeneratingComponentRenderer.prototype.dg = function (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;
     };
     CodeGeneratingComponentRenderer.prototype.emitCode = function (a) {
-        var e_9, _a, e_10, _b, e_11, _c;
+        var e_10, _a, e_11, _b, e_12, _c;
         var b = new CodeGeneratingRendererResult();
-        b.platform = this.di;
-        b.generationOptions = this.dh;
+        b.platform = this.dj;
+        b.generationOptions = this.di;
         try {
-            for (var _d = __values(fromEnum(this.ay.keys)), _e = _d.next(); !_e.done; _e = _d.next()) {
+            for (var _d = __values(fromEnum(this.az.keys)), _e = _d.next(); !_e.done; _e = _d.next()) {
                 var c = _e.value;
                 var d = c;
                 var e = d.id;
                 try {
-                    for (var _f = (e_10 = void 0, __values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
+                    for (var _f = (e_11 = void 0, __values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
                         var f = _g.value;
                         if (f.i("Name") != null) {
                             b.trackDescriptionField(e, f.i("Name"));
@@ -1874,8 +2175,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                         }
                     }
                 }
-                catch (e_10_1) {
-                    e_10 = { error: e_10_1 };
+                catch (e_11_1) {
+                    e_11 = { error: e_11_1 };
                 }
                 finally {
                     try {
@@ -1883,14 +2184,14 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                             _b.call(_f);
                     }
                     finally {
-                        if (e_10)
-                            throw e_10.error;
+                        if (e_11)
+                            throw e_11.error;
                     }
                 }
             }
         }
-        catch (e_9_1) {
-            e_9 = { error: e_9_1 };
+        catch (e_10_1) {
+            e_10 = { error: e_10_1 };
         }
         finally {
             try {
@@ -1898,19 +2199,19 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _a.call(_d);
             }
             finally {
-                if (e_9)
-                    throw e_9.error;
+                if (e_10)
+                    throw e_10.error;
             }
         }
         try {
-            for (var _h = __values(fromEnum(this.ay.keys)), _j = _h.next(); !_j.done; _j = _h.next()) {
+            for (var _h = __values(fromEnum(this.az.keys)), _j = _h.next(); !_j.done; _j = _h.next()) {
                 var g = _j.value;
                 var h = g;
-                h.c(b, this, this.dh);
+                h.c(b, this, this.di);
             }
         }
-        catch (e_11_1) {
-            e_11 = { error: e_11_1 };
+        catch (e_12_1) {
+            e_12 = { error: e_12_1 };
         }
         finally {
             try {
@@ -1918,17 +2219,17 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _c.call(_h);
             }
             finally {
-                if (e_11)
-                    throw e_11.error;
+                if (e_12)
+                    throw e_12.error;
             }
         }
-        if (this.dj != null) {
-            var i = this.df(this.dh, b);
-            i.l(this.dj);
+        if (this.dk != null) {
+            var i = this.dg(this.di, b);
+            i.l(this.dk);
         }
-        if (this.dl != null) {
-            if (typeCast(JsonDictionaryObject.$, this.dl) !== null) {
-                var j = this.dl;
+        if (this.dm != null) {
+            if (typeCast(JsonDictionaryObject.$, this.dm) !== null) {
+                var j = this.dm;
                 var m = j.e();
                 for (var l = 0; l < m.length; l++) {
                     var k = m[l];
@@ -1937,52 +2238,54 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
             }
         }
         {
-            var n = this.dd(this.dh, b);
-            n.x(this.dk);
+            var n = this.de(this.di, b);
+            n.aa(this.dl);
         }
-        var o = this.de(this.dh, b);
+        var o = this.df(this.di, b);
         o.j();
-        this.du(b, a);
+        this.dv(b, a);
         return b;
     };
-    CodeGeneratingComponentRenderer.prototype.du = function (a, b) {
+    CodeGeneratingComponentRenderer.prototype.dv = function (a, b) {
         b.execute(a);
     };
-    CodeGeneratingComponentRenderer.prototype.a3 = function () {
-        return runOn(this, this.ds);
+    CodeGeneratingComponentRenderer.prototype.a4 = function () {
+        return runOn(this, this.dt);
     };
-    CodeGeneratingComponentRenderer.prototype.dr = function (a) {
+    CodeGeneratingComponentRenderer.prototype.ds = function (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;
     };
-    CodeGeneratingComponentRenderer.prototype.ds = function (a) {
+    CodeGeneratingComponentRenderer.prototype.dt = function (a) {
         var 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;
     };
-    CodeGeneratingComponentRenderer.dm = function (a) {
+    CodeGeneratingComponentRenderer.dn = function (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;
     };
@@ -2013,7 +2316,7 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     CodeGenerationContainer.prototype.c = function (a, b, c) {
-        var e_12, _a;
+        var e_13, _a;
         var d = new StringBuilder(0);
         var e = new StringBuilder(0);
         var f = new StringBuilder(0);
@@ -2021,18 +2324,18 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
         try {
             for (var _b = __values(fromEnum(this.a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var h = _c.value;
-                var i = b.dc(h, c, a);
+                var i = b.dd(h, c, a);
                 h.p(i, true);
                 var 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);
             }
         }
-        catch (e_12_1) {
-            e_12 = { error: e_12_1 };
+        catch (e_13_1) {
+            e_13 = { error: e_13_1 };
         }
         finally {
             try {
@@ -2040,8 +2343,8 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_12)
-                    throw e_12.error;
+                if (e_13)
+                    throw e_13.error;
             }
         }
         a.addContainerResult("bindingFields", d.toString());
@@ -2122,31 +2425,31 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         return null;
     };
     CodeGenerationItemBuilder.prototype.p = function (a, b) {
-        var e_13, _a, e_14, _b;
+        var e_14, _a, e_15, _b;
         var c = this.m();
         if (b) {
             var d = this.n();
-            a.ao = d;
+            a.ap = d;
         }
         var e = false;
         var 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", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.ab;
+                        $ret.c = a.ac;
                         return $ret;
                     })()));
                 }
@@ -2154,13 +2457,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.g.add("Name");
                     this.f.addItem("Name", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.ab;
+                        $ret.c = a.ac;
                         return $ret;
                     })()));
                 }
             }
         }
-        a.as(c);
+        a.at(c);
         var g = 0;
         try {
             for (var _c = __values(fromEnum(this.g)), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -2170,13 +2473,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (this.d(h, i)) {
-                    a.ay(g, h, i, this.c);
+                    a.az(g, h, i, this.c);
                     g++;
                 }
             }
         }
-        catch (e_13_1) {
-            e_13 = { error: e_13_1 };
+        catch (e_14_1) {
+            e_14 = { error: e_14_1 };
         }
         finally {
             try {
@@ -2184,11 +2487,11 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_c);
             }
             finally {
-                if (e_13)
-                    throw e_13.error;
+                if (e_14)
+                    throw e_14.error;
             }
         }
-        a.a5();
+        a.a6();
         var j = 0;
         try {
             for (var _e = __values(fromEnum(this.g)), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -2198,13 +2501,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (!this.d(k, l)) {
-                    a.az(j, k, l, this.c);
+                    a.a0(j, k, l, this.c);
                     j++;
                 }
             }
         }
-        catch (e_14_1) {
-            e_14 = { error: e_14_1 };
+        catch (e_15_1) {
+            e_15 = { error: e_15_1 };
         }
         finally {
             try {
@@ -2212,22 +2515,22 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _b.call(_e);
             }
             finally {
-                if (e_14)
-                    throw e_14.error;
+                if (e_15)
+                    throw e_15.error;
             }
         }
-        a.a0(c);
+        a.a1(c);
         if (e) {
-            a.a2();
+            a.a3();
         }
         else {
             if (f) {
-                a.a1();
+                a.a2();
             }
         }
     };
     CodeGenerationItemBuilder.prototype.e = function (a) {
-        var e_15, _a;
+        var e_16, _a;
         try {
             for (var _b = __values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var b = _c.value;
@@ -2237,8 +2540,8 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        catch (e_15_1) {
-            e_15 = { error: e_15_1 };
+        catch (e_16_1) {
+            e_16 = { error: e_16_1 };
         }
         finally {
             try {
@@ -2246,8 +2549,8 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_15)
-                    throw e_15.error;
+                if (e_16)
+                    throw e_16.error;
             }
         }
         return false;
@@ -2333,6 +2636,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             case 3: return "Igc";
             case 4: return "Ultra";
             case 0: return "Xam";
+            case 5: return "Igb";
         }
         return "";
     };