igniteui-angular-core 17.3.0 → 18.0.0

package/esm2015/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -4,7 +4,7 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-import { Base, IList_$type, NotSupportedException, String_$type, typeCast, Array_$type, fromEnum, Boolean_$type, markType, EnumUtil, fromEn, Number_$type, Point_$type, typeGetValue, runOn } from "./type";
+import { Base, NotSupportedException, IList_$type, String_$type, typeCast, Array_$type, fromEnum, Boolean_$type, markType, EnumUtil, fromEn, Number_$type, BaseError, getInstanceType, Point_$type, typeGetValue, runOn } from "./type";
 import { CodeGenerationTargetPlatforms_$type } from "./CodeGenerationTargetPlatforms";
 import { CodeGeneratingRendererResult } from "./CodeGeneratingRendererResult";
 import { CodeGeneratingCodeWriter } from "./CodeGeneratingCodeWriter";
@@ -20,7 +20,7 @@ import { ColorUtil } from "./ColorUtil";
 import { Brush } from "./Brush";
 import { StringBuilder } from "./StringBuilder";
 import { CodeGeneratingImportManager } from "./CodeGeneratingImportManager";
-import { stringIsNullOrEmpty, stringReplace, stringStartsWith, stringEndsWith, stringContains } from "./string";
+import { stringJoin1, stringIsNullOrEmpty, stringReplace, stringStartsWith, stringEndsWith, stringContains } from "./string";
 import { HashSet$1 } from "./HashSet$1";
 import { WebImportsHalper } from "./WebImportsHalper";
 import { CodeGeneratingComponentRendererHandlerEmitter } from "./CodeGeneratingComponentRendererHandlerEmitter";
@@ -29,6 +29,7 @@ import { CodeGeneratingComponentRendererDataEmitter } from "./CodeGeneratingComp
 import { Dictionary$2 } from "./Dictionary$2";
 import { JsonDictionaryValue } from "./JsonDictionaryValue";
 import { JsonDictionaryObject } from "./JsonDictionaryObject";
+import { JsonDictionaryValueType_$type } from "./JsonDictionaryValueType";
 import { JsonDictionaryArray } from "./JsonDictionaryArray";
 import { isNaN_ } from "./number";
 import { timeSpanFromMilliseconds } from "./timespan";
@@ -57,11 +58,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             this.c = null;
             this.b = null;
             this.aa = new List$1(String_$type, 0);
+            this.af = new Stack$1(String_$type);
             this.ad = new Stack$1(String_$type);
-            this.ab = new Stack$1(String_$type);
-            this.ac = new Stack$1(Boolean_$type);
-            this.a3 = null;
-            this.a2 = null;
+            this.ae = new Stack$1(Boolean_$type);
+            this.a5 = null;
+            this.a4 = null;
             this.l = a;
             this.j = b;
             this.d = new CodeGeneratingCodeWriter(this.l);
@@ -69,7 +70,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             this.c = new CodeGeneratingCodeWriter(this.l);
             this.b = new CodeGeneratingCodeWriter(this.l);
         }
-        get_aj() {
+        get_al() {
             switch (this.j.platform) {
                 case 1: return "Igx";
                 case 2: return "Igr";
@@ -80,10 +81,10 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        get aj() {
-            return this.get_aj();
+        get al() {
+            return this.get_al();
         }
-        get_ak() {
+        get_am() {
             switch (this.j.platform) {
                 case 1: return "Component";
                 case 2: return "";
@@ -93,10 +94,10 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        get ak() {
-            return this.get_ak();
+        get am() {
+            return this.get_am();
         }
-        get a4() {
+        get a6() {
             switch (this.j.platform) {
                 case 1: return "angular";
                 case 2: return "react";
@@ -107,7 +108,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get m() {
             return this.l;
         }
-        bp(a) {
+        br(a) {
             this.j.af(a);
         }
         get k() {
@@ -125,7 +126,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get f() {
             return this.b;
         }
-        a9(a) {
+        bb(a) {
             if (a == null || a == "any") {
                 return;
             }
@@ -170,11 +171,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        get ao() {
-            return this.ad.d();
+        get aq() {
+            return this.af.d();
         }
-        ba(a, b, c) {
-            this.ad.h(a);
+        bc(a, b, c) {
+            this.af.h(a);
         }
         u(a, b) {
             let c = false;
@@ -183,140 +184,118 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return c;
         }
-        bo() {
+        bq() {
         }
-        bi(a) {
+        bk(a) {
         }
-        bj(a) {
-            this.ad.e();
+        bl(a) {
+            this.af.e();
         }
-        bg(a, b, c, d) {
+        bi(a, b, c, d) {
         }
-        bh(a, b, c, d) {
-            this.bg(a, b, c, d);
+        bj(a, b, c, d) {
+            this.bi(a, b, c, d);
         }
         toString() {
             return this.d.toString();
         }
-        ay() {
+        a0() {
             return "null";
         }
-        a1(a, b, c) {
+        a3(a, b, c) {
             if (b.b == null) {
                 return b.c;
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ae(b);
+                b.c = this.ag(b);
             }
             switch (b.b.knownType) {
                 case 10:
                     if (this.w(a, b)) {
-                        return this.am(a, b);
+                        return this.ao(a, b);
                     }
-                    return this.ar(a, b);
+                    return this.at(a, b);
                 case 23:
                     if (this.w(a, b)) {
-                        return this.am(a, b);
+                        return this.ao(a, b);
                     }
-                    return this.ar(a, b);
+                    return this.at(a, b);
                 case 7: return b.c ? "true" : "false";
-                case 4: return this.ag(b);
+                case 4: return this.ai(b);
                 case 6:
                     {
-                        let d = "";
-                        let e = b.c;
-                        for (let f = 0; f < e.count; f++) {
-                            if (f >= 1) {
-                                d += " ";
-                            }
-                            d += this.af(e.item(f));
-                        }
-                        return d;
+                        return stringJoin1(String_$type, " ", this.ab(b, c));
                     }
-                    break;
                 case 9:
                     if (this.w(a, b)) {
-                        return this.am(a, b);
+                        return this.ao(a, b);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
-                case 5: return this.ai(b);
+                case 5: return this.ak(b);
                 case 16:
                     {
-                        let g = "";
-                        let h = b.c;
-                        for (let i = 0; i < h.count; i++) {
-                            if (i >= 1) {
-                                g += " ";
-                            }
-                            g += this.ah(h.item(i));
-                        }
-                        return g;
+                        return stringJoin1(String_$type, " ", this.ac(b, c));
                     }
-                    break;
                 case 20:
                     if (b.a != null) {
-                        return this.a0(b);
+                        return this.a2(b);
                     }
                     if (b.c == null) {
-                        return this.ay();
+                        return this.a0();
                     }
                     break;
                 case 22:
                     if (b.a != null) {
-                        return this.a0(b);
+                        return this.a2(b);
                     }
                     if (b.c == null) {
-                        return this.ay();
+                        return this.a0();
                     }
                     break;
                 case 15: throw new NotSupportedException(1, "need to figure this out");
                 case 3: throw new NotSupportedException(1, "need to figure this out");
-                case 19:
-                    if (b.a != null) {
-                        return this.av(b);
-                    }
-                    else {
-                        return this.ay();
-                    }
-                    break;
+                case 19: if (b.a != null) {
+                    return this.ax(b);
+                }
+                else {
+                    return this.a0();
+                }
                 case 8:
                     if (b.b.specificExternalType == "string") {
-                        return this.au(b);
+                        return this.aw(b);
                     }
                     if (b.a != null) {
-                        return this.aw(b);
+                        return this.ay(b);
                     }
                     if (this.w(a, b)) {
-                        return this.am(a, b);
+                        return this.ao(a, b);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
                 case 13: throw new NotSupportedException(1, "shouldn't get here");
-                case 18:
-                    if (b.a != null) {
-                        return this.ax(b);
-                    }
-                    else {
-                        return this.ay();
-                    }
-                    break;
+                case 18: if (b.a != null) {
+                    return this.az(b);
+                }
+                else {
+                    return this.a0();
+                }
                 case 1: return b.c.toString();
                 case 11:
                     {
-                        let j = b.c;
-                        return j.x + ", " + j.y;
+                        let d = b.c;
+                        return d.x + ", " + d.y;
                     }
                 case 14:
                     {
-                        let k = b.c;
-                        return k.left + ", " + k.top + ", " + k.width + ", " + k.height;
+                        let e = b.c;
+                        return e.left + ", " + e.top + ", " + e.width + ", " + e.height;
                     }
                 case 12:
                     {
-                        let l = b.c;
-                        return l.width + ", " + l.height;
+                        let f = b.c;
+                        return f.width + ", " + f.height;
                     }
-                case 2: return b.c != null ? b.c.toString() : this.ay();
-                case 21: return this.a7(b.c);
+                case 2: return b.c != null ? b.c.toString() : this.a0();
+                case 21: return this.a9(b.c);
                 case 17:
                     if (b.c == null) {
                         return "null";
@@ -329,14 +308,50 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        a7(a) {
+        ab(a, b) {
+            if (a.b == null) {
+                return ((() => {
+                    let $ret = new List$1(String_$type, 0);
+                    $ret.add(a.c);
+                    return $ret;
+                })());
+            }
+            if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
+                a.c = this.ag(a);
+            }
+            let c = a.c;
+            let d = new List$1(String_$type, 0);
+            for (let e = 0; e < c.count; e++) {
+                d.add(this.ah(c.item(e)));
+            }
+            return d;
+        }
+        ac(a, b) {
+            if (a.b == null) {
+                return ((() => {
+                    let $ret = new List$1(String_$type, 0);
+                    $ret.add(a.c);
+                    return $ret;
+                })());
+            }
+            if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
+                a.c = this.ag(a);
+            }
+            let c = a.c;
+            let d = new List$1(String_$type, 0);
+            for (let e = 0; e < c.count; e++) {
+                d.add(this.aj(c.item(e)));
+            }
+            return d;
+        }
+        a9(a) {
             if (a == null) {
                 return "";
             }
             return a.toString();
         }
-        am(a, b) {
-            let c = this.a6(a, b);
+        ao(a, b) {
+            let c = this.a8(a, b);
             if (b.c != null) {
                 let d = b.c;
                 if (typeCast(List$1.$.specialize(Base.$), d) !== null) {
@@ -344,8 +359,8 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                 }
                 if (typeCast(CodeGenerationItemBuilder.$, d) !== null) {
                     let e = this.i(this.l, this.j);
-                    let f = this.al(c, b.c, e);
-                    c = this.ap(a, b.c, f, c);
+                    let f = this.an(c, b.c, e);
+                    c = this.ar(a, b.c, f, c);
                 }
                 else if (typeCast(Array_$type, d) !== null) {
                     let g = d;
@@ -358,7 +373,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                             let m = g[j].o();
                             if (m == null) {
                                 m = g[j].m();
-                                m = this.as(m);
+                                m = this.au(m);
                             }
                             if (m != null) {
                                 if (m != l) {
@@ -368,17 +383,17 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                                     l = c + "_" + j.toString();
                                 }
                             }
-                            let n = this.al(l, g[j], k);
+                            let n = this.an(l, g[j], k);
                             h.add(g[j]);
                             i.add(n);
                         }
                     }
-                    c = this.aq(b, a, h, i, c);
+                    c = this.as(b, a, h, i, c);
                 }
             }
             return c;
         }
-        al(a, b, c) {
+        an(a, b, c) {
             b.t = a;
             b.u(c, true);
             let d = c.toString();
@@ -387,15 +402,15 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return d;
         }
-        ap(a, b, c, d) {
+        ar(a, b, c, d) {
             return d;
         }
-        aq(a, b, c, d, e) {
+        as(a, b, c, d, e) {
             return e;
         }
-        a6(a, b) {
+        a8(a, b) {
             if (b.c == null) {
-                return this.ay();
+                return this.a0();
             }
             if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
                 let c = b.c.o();
@@ -403,7 +418,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                     return c;
                 }
                 let d = b.c.m();
-                let e = this.as(d);
+                let e = this.au(d);
                 return e;
             }
             else if (typeCast(IList_$type, b.c) !== null) {
@@ -415,10 +430,10 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         return h;
                     }
                     let i = g.m();
-                    let j = this.as(i);
+                    let j = this.au(i);
                     return j;
                 }
-                return this.as(b.b.propertyName);
+                return this.au(b.b.propertyName);
             }
             else if (typeCast(Array_$type, b.c) !== null) {
                 let k = b.c;
@@ -428,29 +443,29 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         return l;
                     }
                     let m = b.c.m();
-                    let n = this.as(m);
+                    let n = this.au(m);
                     return n;
                 }
-                return this.as(b.b.propertyName);
+                return this.au(b.b.propertyName);
             }
-            return this.ay();
+            return this.a0();
         }
-        ar(a, b) {
+        at(a, b) {
             return "";
         }
-        ae(a) {
+        ag(a) {
             return a.c;
         }
-        a0(a) {
+        a2(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 if (a.a.a) {
-                    return this.at(a);
+                    return this.av(a);
                 }
                 else {
-                    return this.az(a);
+                    return this.a1(a);
                 }
             }
-            return this.ay();
+            return this.a0();
         }
         s(a) {
             if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
@@ -460,30 +475,30 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        az(a) {
+        a1(a) {
             return "";
         }
-        at(a) {
+        av(a) {
             return "";
         }
-        aw(a) {
+        ay(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 return a.a.e;
             }
-            return this.ay();
+            return this.a0();
         }
-        au(a) {
+        aw(a) {
             return a.c != null ? a.c.toString() : "";
         }
-        ax(a) {
-            return this.av(a);
+        az(a) {
+            return this.ax(a);
         }
-        av(a) {
+        ax(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bp(a);
+                this.br(a);
                 return a.a.e;
             }
-            return this.ay();
+            return this.a0();
         }
         get_x() {
             return false;
@@ -491,70 +506,70 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get x() {
             return this.get_x();
         }
-        ai(a) {
+        ak(a) {
             let b = a.c;
             return ColorUtil.i(b, this.x);
         }
-        ah(a) {
+        aj(a) {
             let b = a;
             return ColorUtil.i(b, this.x);
         }
-        ag(a) {
+        ai(a) {
             if (a.c == null) {
                 return "";
             }
             let b = a.c;
             return ColorUtil.i(b.color, this.x);
         }
-        af(a) {
+        ah(a) {
             if (a == null) {
                 return "";
             }
             let b = a;
             return ColorUtil.i(b.color, this.x);
         }
-        bn(a) {
-            this.ab.h(a);
-            this.ac.h(false);
+        bp(a) {
+            this.ad.h(a);
+            this.ae.h(false);
         }
-        bm(a) {
-            let b = this.as(a);
-            this.ab.h(b);
-            this.ac.h(true);
+        bo(a) {
+            let b = this.au(a);
+            this.ad.h(b);
+            this.ae.h(true);
         }
-        as(a) {
-            let b = stringReplace(stringReplace(a, this.a5, ""), "Component", "");
-            b = CodeGeneratingComponentRenderer.em(b);
+        au(a) {
+            let b = stringReplace(stringReplace(a, this.a7, ""), "Component", "");
+            b = CodeGeneratingComponentRenderer.er(b);
             return this.j.v(b);
         }
-        bk() {
-            this.a2 = this.ab.e();
-            this.ac.e();
+        bm() {
+            this.a4 = this.ad.e();
+            this.ae.e();
         }
-        get_a5() {
+        get_a7() {
             return "";
         }
-        get a5() {
-            return this.get_a5();
+        get a7() {
+            return this.get_a7();
         }
-        get an() {
-            if (this.ab.f > 0) {
-                return this.ab.d();
+        get ap() {
+            if (this.ad.f > 0) {
+                return this.ad.d();
             }
-            let a = stringReplace(stringReplace(this.ao, this.a5, ""), "Component", "");
-            return CodeGeneratingComponentRenderer.em(a);
+            let a = stringReplace(stringReplace(this.aq, this.a7, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.er(a);
         }
         get v() {
-            return this.ad.f == 1;
+            return this.af.f == 1;
         }
         get o() {
-            if (this.ac.f == 0) {
+            if (this.ae.f == 0) {
                 return false;
             }
-            return this.ac.d();
+            return this.ae.d();
         }
         get p() {
-            if (this.ab.f > 0) {
+            if (this.ad.f > 0) {
                 return true;
             }
             return false;
@@ -571,33 +586,33 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get n() {
             return this.get_n();
         }
-        bl() {
-            this.a2 = this.ab.e();
+        bn() {
+            this.a4 = this.ad.e();
         }
-        bc(a) {
+        be(a) {
             let b = this.f.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        bf(a) {
+        bh(a) {
             let b = this.g.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        bb(a) {
+        bd(a) {
             let b = this.e.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        bd(a, b) {
+        bf(a, b) {
             if (this.aa.count > 0) {
-                this.be(a, this.aa, b);
+                this.bg(a, this.aa, b);
             }
         }
-        be(a, b, c) {
+        bg(a, b, c) {
         }
     }
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
@@ -610,9 +625,9 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class BlazorRazorCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bs = 0;
-            this.bq = new HashSet$1(String_$type, 0);
-            this.br = new HashSet$1(String_$type, 0);
+            this.bu = 0;
+            this.bs = new HashSet$1(String_$type, 0);
+            this.bt = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -620,63 +635,63 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         get r() {
             return this.get_r();
         }
-        ap(a, b, c, d) {
-            d = super.ap(a, b, c, d);
-            this.f.l("private " + b.m() + " _" + CodeGeneratingComponentRenderer.em(d) + " = null;");
-            this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.en(d));
+        ar(a, b, c, d) {
+            d = super.ar(a, b, c, d);
+            this.f.l("private " + b.m() + " _" + CodeGeneratingComponentRenderer.er(d) + " = null;");
+            this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.es(d));
             this.f.l("{");
             this.f.h();
             this.f.l("get");
             this.f.l("{");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(d) + " = " + d + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(d) + " = " + d + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(d) + ";");
             this.f.f();
             this.f.l("}");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(d);
+            return CodeGeneratingComponentRenderer.es(d);
         }
-        aq(a, b, c, d, e) {
-            e = super.aq(a, b, c, d, e);
+        as(a, b, c, d, e) {
+            e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].q() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
             }
-            this.f.l("private " + f + " _" + CodeGeneratingComponentRenderer.em(e) + " = null;");
-            this.f.l("public " + f + " " + CodeGeneratingComponentRenderer.en(e));
+            this.f.l("private " + f + " _" + CodeGeneratingComponentRenderer.er(e) + " = null;");
+            this.f.l("public " + f + " " + CodeGeneratingComponentRenderer.es(e));
             this.f.l("{");
             this.f.h();
             this.f.l("get");
             this.f.l("{");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(e) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(e) + " == null)");
             this.f.l("{");
             this.f.h();
-            this.f.k("var " + CodeGeneratingComponentRenderer.em(e) + " = new " + stringReplace(f, "[]", "") + "[" + c.count + "];");
+            this.f.k("var " + CodeGeneratingComponentRenderer.er(e) + " = new " + stringReplace(f, "[]", "") + "[" + c.count + "];");
             for (let h = 0; h < c.count; h++) {
                 this.f.k(d._inner[h]);
                 this.f.k(e + "[" + h + "] = " + c._inner[h].t + ";");
             }
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(e) + " = " + e + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(e) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(e) + ";");
             this.f.f();
             this.f.l("}");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(e);
+            return CodeGeneratingComponentRenderer.es(e);
         }
         i(a, b) {
             return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
@@ -684,7 +699,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         get_y() {
             return false;
         }
-        bt(a, b, c) {
+        bv(a, b, c) {
             if (c.c == null) {
                 return "null";
             }
@@ -710,7 +725,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 f.b.knownType = 1;
             }
             if (f.b.knownType == 8) {
-                e = this.a5 + e;
+                e = this.a7 + e;
             }
             let g = "@(new " + e + "[] { ";
             for (let h = 0; h < d.length; h++) {
@@ -719,55 +734,55 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
                 f.c = d[h];
                 if (f.b.knownType == 2) {
-                    g += "\"" + this.a1(a, f, true) + "\"";
+                    g += "\"" + this.a3(a, f, true) + "\"";
                 }
                 else {
-                    g += this.a1(a, f, true);
+                    g += this.a3(a, f, true);
                 }
             }
             g += " })";
             return g;
         }
-        ar(a, b) {
+        at(a, b) {
             let c = b.b.specificType;
             if (c == null) {
                 c = b.b.specificExternalType;
             }
-            return this.bt(a, c, b);
+            return this.bv(a, c, b);
         }
-        ba(a, b, c) {
-            super.ba(a, b, c);
+        bc(a, b, c) {
+            super.bc(a, b, c);
             this.h.l("<" + a + "");
-            if (!this.bq.contains(this.an)) {
-                this.bq.add_1(this.an);
-                if (!this.br.contains(this.ao)) {
-                    this.br.add_1(this.ao);
-                    this.a9(this.ao);
+            if (!this.bs.contains(this.ap)) {
+                this.bs.add_1(this.ap);
+                if (!this.bt.contains(this.aq)) {
+                    this.bt.add_1(this.aq);
+                    this.bb(this.aq);
                 }
-                this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                 }
             }
         }
-        bo() {
+        bq() {
             this.h.l(">");
             this.h.h();
         }
-        bj(a) {
+        bl(a) {
             this.h.f();
             this.h.l("</" + a + ">");
             this.h.l("");
-            super.bj(a);
+            super.bl(a);
         }
-        bg(a, b, c, d) {
-            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.en(c.b.propertyName)) && this.q(d, c)) {
-                this.bp(c);
+        bi(a, b, c, d) {
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.es(c.b.propertyName)) && this.q(d, c)) {
+                this.br(c);
                 if (a > 0) {
                     this.h.l("");
                 }
@@ -780,29 +795,29 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 return;
             }
             if (this.s(c)) {
-                this.bp(c);
-                if (!this.bq.contains(this.an)) {
-                    this.bq.add_1(this.an);
-                    if (!this.br.contains(this.ao)) {
-                        this.br.add_1(this.ao);
-                        this.a9(this.ao);
+                this.br(c);
+                if (!this.bs.contains(this.ap)) {
+                    this.bs.add_1(this.ap);
+                    if (!this.bt.contains(this.aq)) {
+                        this.bt.add_1(this.aq);
+                        this.bb(this.aq);
                     }
-                    this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                    this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                     }
                 }
-                let e = CodeGeneratingComponentRenderer.em(this.a1(d, c, true));
+                let e = CodeGeneratingComponentRenderer.er(this.a3(d, c, true));
                 let f = e;
                 if (f != "null" && !stringStartsWith(f, "this.")) {
                     f = "this." + f;
                 }
-                this.e.l(CodeGeneratingComponentRenderer.em(this.an) + "." + b + " = " + f + ";");
+                this.e.l(CodeGeneratingComponentRenderer.er(this.ap) + "." + b + " = " + f + ";");
                 return;
             }
             if (a > 0) {
@@ -829,24 +844,24 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 this.h.j(b);
                 this.h.j("=");
                 this.h.j("\"");
-                this.h.j(this.a1(d, c, true));
+                this.h.j(this.a3(d, c, true));
                 this.h.j("\"");
             }
             if (b == "Name") {
                 this.h.l("");
-                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.em(this.a1(d, c, true)) + "\"");
+                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.er(this.a3(d, c, true)) + "\"");
             }
         }
-        au(a) {
+        aw(a) {
             let b = a.b != null ? a.b.specificType + "." : "";
             return b + (a.c != null ? a.c.toString() : "");
         }
-        a1(a, b, c) {
+        a3(a, b, c) {
             if (b.b == null) {
                 return b.c;
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ae(b);
+                b.c = this.ag(b);
             }
             switch (b.b.knownType) {
                 case 11:
@@ -876,9 +891,9 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     }
                     return b.c.toString();
             }
-            return super.a1(a, b, c);
+            return super.a3(a, b, c);
         }
-        ae(a) {
+        ag(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -888,21 +903,21 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        ay() {
+        a0() {
             return "@null";
         }
-        at(a) {
-            return CodeGeneratingComponentRenderer.em(CodeGeneratingComponentRenderer.em(a.a.e));
+        av(a) {
+            return CodeGeneratingComponentRenderer.er(CodeGeneratingComponentRenderer.er(a.a.e));
         }
-        bu(a) {
+        bw(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.en(a);
+            return CodeGeneratingComponentRenderer.es(a);
         }
-        az(a) {
-            this.bp(a);
-            return CodeGeneratingComponentRenderer.en(a.a.e);
+        a1(a) {
+            this.br(a);
+            return CodeGeneratingComponentRenderer.es(a.a.e);
         }
-        bh(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -921,7 +936,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
             }
         }
-        get_a5() {
+        get_a7() {
             return "Igb";
         }
     }
@@ -935,9 +950,9 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
     class BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bs = 0;
-            this.bq = new HashSet$1(String_$type, 0);
-            this.br = new HashSet$1(String_$type, 0);
+            this.bu = 0;
+            this.bs = new HashSet$1(String_$type, 0);
+            this.bt = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return true;
@@ -951,7 +966,7 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
         get_y() {
             return false;
         }
-        bt(a, b) {
+        bv(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -966,9 +981,9 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             d += " }";
             return d;
         }
-        ar(a, b) {
+        at(a, b) {
             if (b.b.specificExternalType == "string") {
-                return this.bt(b.b.specificExternalType, b);
+                return this.bv(b.b.specificExternalType, b);
             }
             if (b.c == null) {
                 return "null";
@@ -983,74 +998,74 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             }
             return d;
         }
-        ba(a, b, c) {
-            super.ba(a, b, c);
+        bc(a, b, c) {
+            super.bc(a, b, c);
             if (this.v) {
-                this.h.l("var " + this.an + " = new " + a + "();");
+                this.h.l("var " + this.ap + " = new " + a + "();");
             }
             else {
-                this.h.l("var " + this.an + " = new " + a + "();");
+                this.h.l("var " + this.ap + " = new " + a + "();");
             }
-            if (!this.bq.contains(this.an)) {
-                this.bq.add_1(this.an);
-                if (!this.br.contains(this.ao)) {
-                    this.br.add_1(this.ao);
-                    this.a9(this.ao);
+            if (!this.bs.contains(this.ap)) {
+                this.bs.add_1(this.ap);
+                if (!this.bt.contains(this.aq)) {
+                    this.bt.add_1(this.aq);
+                    this.bb(this.aq);
                 }
-                this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                 }
             }
         }
-        bo() {
+        bq() {
         }
-        bj(a) {
-            super.bj(a);
+        bl(a) {
+            super.bl(a);
         }
-        bg(a, b, c, d) {
-            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.en(c.b.propertyName)) && this.q(d, c)) {
-                this.bp(c);
+        bi(a, b, c, d) {
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.es(c.b.propertyName)) && this.q(d, c)) {
+                this.br(c);
                 if (a > 0) {
                     this.h.l("");
                 }
                 if (c.a == null || c.a.e == null) {
-                    this.h.j(this.an + "." + b + "Name = null;");
+                    this.h.j(this.ap + "." + b + "Name = null;");
                 }
                 else {
-                    this.h.j(this.an + "." + b + "Name = " + c.a.e + ";");
+                    this.h.j(this.ap + "." + b + "Name = " + c.a.e + ";");
                 }
                 return;
             }
             if (this.s(c)) {
-                this.bp(c);
-                if (!this.bq.contains(this.an)) {
-                    this.bq.add_1(this.an);
-                    if (!this.br.contains(this.ao)) {
-                        this.br.add_1(this.ao);
-                        this.a9(this.ao);
+                this.br(c);
+                if (!this.bs.contains(this.ap)) {
+                    this.bs.add_1(this.ap);
+                    if (!this.bt.contains(this.aq)) {
+                        this.bt.add_1(this.aq);
+                        this.bb(this.aq);
                     }
-                    this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                    this.f.l("private " + this.aq + " " + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + ";");
                     }
                 }
-                let e = CodeGeneratingComponentRenderer.em(this.a1(d, c, true));
+                let e = CodeGeneratingComponentRenderer.er(this.a3(d, c, true));
                 let f = e;
                 if (f != "null" && !stringStartsWith(f, "this.")) {
                     f = "this." + f;
                 }
-                this.e.l(CodeGeneratingComponentRenderer.em(this.an) + "." + b + " = " + f + ";");
+                this.e.l(CodeGeneratingComponentRenderer.er(this.ap) + "." + b + " = " + f + ";");
                 return;
             }
             if (a > 0) {
@@ -1076,28 +1091,28 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                         }
                     }
                 }
-                this.h.j(this.an + ".");
+                this.h.j(this.ap + ".");
                 this.h.j(b);
                 this.h.j(" = ");
                 if (h) {
-                    this.h.j("\"" + this.a1(d, c, true) + "\"");
+                    this.h.j("\"" + this.a3(d, c, true) + "\"");
                 }
                 else {
-                    this.h.j(this.a1(d, c, true));
+                    this.h.j(this.a3(d, c, true));
                 }
                 this.h.j(";");
             }
         }
-        au(a) {
+        aw(a) {
             let b = a.b != null ? a.b.specificType + "." : "";
             return b + (a.c != null ? a.c.toString() : "");
         }
-        a1(a, b, c) {
+        a3(a, b, c) {
             if (b.b == null) {
                 return "\"" + b.c + "\"";
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ae(b);
+                b.c = this.ag(b);
             }
             switch (b.b.knownType) {
                 case 11:
@@ -1129,12 +1144,12 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                 case 5:
                 case 6:
                 case 16:
-                case 2: return "\"" + super.a1(a, b, c) + "\"";
+                case 2: return "\"" + super.a3(a, b, c) + "\"";
                 case 9: throw new NotSupportedException(1, "shouldn't get here");
             }
-            return super.a1(a, b, c);
+            return super.a3(a, b, c);
         }
-        ae(a) {
+        ag(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1144,21 +1159,21 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             }
             return b.b;
         }
-        ay() {
+        a0() {
             return "null";
         }
-        at(a) {
-            return CodeGeneratingComponentRenderer.em(CodeGeneratingComponentRenderer.em(a.a.e));
+        av(a) {
+            return CodeGeneratingComponentRenderer.er(CodeGeneratingComponentRenderer.er(a.a.e));
         }
-        bu(a) {
+        bw(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.en(a);
+            return CodeGeneratingComponentRenderer.es(a);
         }
-        az(a) {
-            this.bp(a);
-            return CodeGeneratingComponentRenderer.en(a.a.e);
+        a1(a) {
+            this.br(a);
+            return CodeGeneratingComponentRenderer.es(a.a.e);
         }
-        bh(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -1166,7 +1181,7 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
                             g.u(this, false);
-                            this.h.l(this.an + "." + b + ".Add(" + this.a2 + ");");
+                            this.h.l(this.ap + "." + b + ".Add(" + this.a4 + ");");
                         }
                     }
                 }
@@ -1175,11 +1190,11 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
                     h.u(this, false);
-                    this.h.l(this.an + "." + b + " = " + this.a2 + ";");
+                    this.h.l(this.ap + "." + b + " = " + this.a4 + ";");
                 }
             }
         }
-        get_a5() {
+        get_a7() {
             return "Igb";
         }
     }
@@ -1193,8 +1208,8 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class ReactMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bq = new HashSet$1(String_$type, 0);
-            this.br = new HashSet$1(String_$type, 0);
+            this.bs = new HashSet$1(String_$type, 0);
+            this.bt = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -1202,57 +1217,57 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         get r() {
             return this.get_r();
         }
-        ap(a, b, c, d) {
-            d = super.ap(a, b, c, d);
+        ar(a, b, c, d) {
+            d = super.ar(a, b, c, d);
             let e = b.q();
-            this.f.l("private " + " _" + CodeGeneratingComponentRenderer.em(d) + ": " + e + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.em(d) + "(): " + e + " {");
+            this.f.l("private " + " _" + CodeGeneratingComponentRenderer.er(d) + ": " + e + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.er(d) + "(): " + e + " {");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(d) + " = " + d + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(d) + " = " + d + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(d) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(d);
+            return CodeGeneratingComponentRenderer.es(d);
         }
-        aq(a, b, c, d, e) {
-            e = super.aq(a, b, c, d, e);
+        as(a, b, c, d, e) {
+            e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].q() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
             }
-            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.em(e) + ": " + f + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.em(e) + "(): " + f + " {");
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(e) + ": " + f + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.er(e) + "(): " + f + " {");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(e) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(e) + " == null)");
             this.f.l("{");
             this.f.h();
-            this.f.k("let " + CodeGeneratingComponentRenderer.em(e) + ": " + f + " = [];");
+            this.f.k("let " + CodeGeneratingComponentRenderer.er(e) + ": " + f + " = [];");
             for (let h = 0; h < c.count; h++) {
                 this.f.k(d._inner[h]);
                 this.f.k(e + ".push(" + c._inner[h].t + ")");
             }
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(e) + " = " + e + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(e) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(e) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(e);
+            return CodeGeneratingComponentRenderer.es(e);
         }
         i(a, b) {
             return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        ar(a, b) {
+        at(a, b) {
             if (b.c == null) {
                 return "{null}";
             }
@@ -1286,40 +1301,40 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         get_x() {
             return true;
         }
-        get_a5() {
+        get_a7() {
             return "Igr";
         }
-        ba(a, b, c) {
-            super.ba(a, b, c);
-            this.h.l("<" + this.bt(a) + "");
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            this.h.l("<" + this.bv(a) + "");
             this.h.h();
-            if (!this.br.contains(this.ao)) {
-                this.br.add_1(this.ao);
-                this.a9(this.ao);
+            if (!this.bt.contains(this.aq)) {
+                this.bt.add_1(this.aq);
+                this.bb(this.aq);
             }
-            if (!this.bq.contains(this.an)) {
-                this.bq.add_1(this.an);
-                this.f.l("private " + CodeGeneratingComponentRenderer.em(this.an) + ": " + this.ao);
+            if (!this.bs.contains(this.ap)) {
+                this.bs.add_1(this.ap);
+                this.f.l("private " + CodeGeneratingComponentRenderer.er(this.ap) + ": " + this.aq);
                 if (this.v) {
-                    this.f.l("private " + CodeGeneratingComponentRenderer.em(this.an) + "Ref(r: " + this.ao + ") {");
+                    this.f.l("private " + CodeGeneratingComponentRenderer.er(this.ap) + "Ref(r: " + this.aq + ") {");
                     this.f.h();
-                    this.f.l("this." + CodeGeneratingComponentRenderer.em(this.an) + " = r;");
+                    this.f.l("this." + CodeGeneratingComponentRenderer.er(this.ap) + " = r;");
                     this.f.l("this.setState({});");
                     this.f.f();
                     this.f.l("}");
-                    this.g.l("this." + CodeGeneratingComponentRenderer.em(this.an) + "Ref = " + "this." + CodeGeneratingComponentRenderer.em(this.an) + "Ref.bind(this);");
+                    this.g.l("this." + CodeGeneratingComponentRenderer.er(this.ap) + "Ref = " + "this." + CodeGeneratingComponentRenderer.er(this.ap) + "Ref.bind(this);");
                 }
             }
         }
-        bt(a) {
+        bv(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.en(a);
+            return CodeGeneratingComponentRenderer.es(a);
         }
-        bo() {
+        bq() {
             if (!this.v && !this.p) {
-                let a = this.bs();
+                let a = this.bu();
                 this.h.l("");
                 this.h.l("name=\"" + a + "\"");
             }
@@ -1327,31 +1342,31 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             this.h.l(">");
             this.h.h();
         }
-        bs() {
-            let a = CodeGeneratingComponentRenderer.em(stringReplace(stringReplace(this.ao, this.a5, ""), "Component", ""));
+        bu() {
+            let a = CodeGeneratingComponentRenderer.er(stringReplace(stringReplace(this.aq, this.a7, ""), "Component", ""));
             a = this.k.u(a);
             return a;
         }
-        av(a) {
+        ax(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bp(a);
-                if (!this.bq.contains(a.a.e)) {
-                    this.g.l("this." + CodeGeneratingComponentRenderer.em(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.em(a.a.e) + ".bind(this);");
+                this.br(a);
+                if (!this.bs.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.er(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.er(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.em(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.er(a.a.e);
             }
-            return this.ay();
+            return this.a0();
         }
-        bj(a) {
+        bl(a) {
             this.h.f();
-            this.h.l("</" + this.bt(a) + ">");
-            super.bj(a);
-        }
-        bg(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.em(b);
-            let f = this.a1(d, c, true);
-            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.en(c.b.propertyName)) && this.q(d, c)) {
-                this.bp(c);
+            this.h.l("</" + this.bv(a) + ">");
+            super.bl(a);
+        }
+        bi(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.er(b);
+            let f = this.a3(d, c, true);
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.es(c.b.propertyName)) && this.q(d, c)) {
+                this.br(c);
                 if (a > 0) {
                     this.h.l("");
                 }
@@ -1366,8 +1381,8 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             if (!(e == "name") || !this.v) {
                 let g = (c.b != null && c.b.knownType == 10);
                 if (this.q(d, c)) {
-                    this.bp(c);
-                    let h = CodeGeneratingComponentRenderer.em(f);
+                    this.br(c);
+                    let h = CodeGeneratingComponentRenderer.er(f);
                     let i = h;
                     if (i != "null" && !stringStartsWith(i, "this.")) {
                         i = "this." + i;
@@ -1396,11 +1411,11 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     if (a > 0) {
                         this.h.l("");
                     }
-                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.em(this.a1(d, c, true)) + "Ref}");
+                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.er(this.a3(d, c, true)) + "Ref}");
                 }
             }
         }
-        ae(a) {
+        ag(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1410,16 +1425,16 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        ay() {
+        a0() {
             return "null";
         }
-        at(a) {
-            return "this." + CodeGeneratingComponentRenderer.em(a.a.e);
+        av(a) {
+            return "this." + CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        az(a) {
-            return "this." + CodeGeneratingComponentRenderer.em(a.a.e);
+        a1(a) {
+            return "this." + CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        bh(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -1438,9 +1453,9 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
             }
         }
-        be(a, b, c) {
-            super.be(a, b, c);
-            WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
+        bg(a, b, c) {
+            super.bg(a, b, c);
+            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
         }
     }
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1453,9 +1468,9 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
     class WebCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bt = 0;
-            this.br = new HashSet$1(String_$type, 0);
-            this.bs = new HashSet$1(String_$type, 0);
+            this.bv = 0;
+            this.bt = new HashSet$1(String_$type, 0);
+            this.bu = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return true;
@@ -1463,42 +1478,42 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         get r() {
             return this.get_r();
         }
-        bq(a) {
+        bs(a) {
             if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
                 return false;
             }
             let b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
             for (let c = 0; c < b.length; c++) {
-                if (b[c].toLowerCase() == this.a4) {
+                if (b[c].toLowerCase() == this.a6) {
                     return true;
                 }
             }
             return false;
         }
-        au(a) {
-            if (this.bq(a)) {
-                return "\"" + CodeGeneratingComponentRenderer.eo(a.c.toString()) + "\"";
+        aw(a) {
+            if (this.bs(a)) {
+                return "\"" + CodeGeneratingComponentRenderer.et(a.c.toString()) + "\"";
             }
             else {
-                if (!this.bs.contains(a.b.specificType)) {
-                    this.bs.add_1(a.b.specificType);
+                if (!this.bu.contains(a.b.specificType)) {
+                    this.bu.add_1(a.b.specificType);
                     if (a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
                         let b = a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
-                        this.a9(a.b.specificType + ":" + b);
+                        this.bb(a.b.specificType + ":" + b);
                     }
                     else if (a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
                         let c = a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
-                        this.a9(a.b.specificType + ":" + c);
+                        this.bb(a.b.specificType + ":" + c);
                     }
                     else {
-                        this.a9(a.b.specificType);
+                        this.bb(a.b.specificType);
                     }
                 }
                 let d = a.b != null ? a.b.specificType + "." : "";
                 return d + (a.c != null ? a.c.toString() : "");
             }
         }
-        ar(a, b) {
+        at(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -1515,96 +1530,96 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         get_x() {
             return true;
         }
-        ba(a, b, c) {
-            super.ba(a, b, c);
+        bc(a, b, c) {
+            super.bc(a, b, c);
             let d = this.u(b, c);
             if (d) {
                 if (this.v) {
-                    this.h.l("var " + this.an + ": " + a + " = {} as " + a + ";");
+                    this.h.l("var " + this.ap + ": " + a + " = {} as " + a + ";");
                 }
                 else {
-                    this.h.l("var " + this.an + ": " + a + " = {} as " + a + ";");
+                    this.h.l("var " + this.ap + ": " + a + " = {} as " + a + ";");
                 }
             }
             else {
                 if (this.v) {
-                    this.h.l("var " + this.an + " = new " + a + "();");
+                    this.h.l("var " + this.ap + " = new " + a + "();");
                 }
                 else {
-                    this.h.l("var " + this.an + " = new " + a + "();");
+                    this.h.l("var " + this.ap + " = new " + a + "();");
                 }
             }
-            if (!this.br.contains(this.an)) {
-                this.br.add_1(this.an);
-                if (!this.bs.contains(this.ao)) {
-                    this.bs.add_1(this.ao);
-                    this.a9(this.ao);
+            if (!this.bt.contains(this.ap)) {
+                this.bt.add_1(this.ap);
+                if (!this.bu.contains(this.aq)) {
+                    this.bu.add_1(this.aq);
+                    this.bb(this.aq);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.em(this.an) + ": " + this.ao);
+                this.f.l("private " + CodeGeneratingComponentRenderer.er(this.ap) + ": " + this.aq);
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.ep(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.eu(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
                 }
             }
         }
-        bu(a) {
+        bw(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.ep(a);
+            return CodeGeneratingComponentRenderer.eu(a);
         }
-        bo() {
+        bq() {
             this.h.l("");
         }
-        bi(a) {
+        bk(a) {
         }
-        bj(a) {
+        bl(a) {
             {
                 this.h.l("");
             }
-            super.bj(a);
+            super.bl(a);
         }
-        bg(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.em(b);
+        bi(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.er(b);
             if (e == "name" && c.b == null) {
                 return;
             }
             if (this.s(c)) {
-                this.bp(c);
-                if (!this.br.contains(this.an)) {
-                    this.br.add_1(this.an);
-                    if (!this.bs.contains(this.ao)) {
-                        this.bs.add_1(this.ao);
-                        this.a9(this.ao);
+                this.br(c);
+                if (!this.bt.contains(this.ap)) {
+                    this.bt.add_1(this.ap);
+                    if (!this.bu.contains(this.aq)) {
+                        this.bu.add_1(this.aq);
+                        this.bb(this.aq);
                     }
-                    this.f.l("private " + CodeGeneratingComponentRenderer.em(this.an) + ": " + this.ao);
+                    this.f.l("private " + CodeGeneratingComponentRenderer.er(this.ap) + ": " + this.aq);
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.ep(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.eu(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.em(this.a1(d, c, true));
+                let f = CodeGeneratingComponentRenderer.er(this.a3(d, c, true));
                 let g = f;
                 if (g != "null" && !stringStartsWith(g, "this.")) {
                     g = "this." + g;
                 }
-                if (this.ao == "any" && stringContains(e, "-")) {
-                    this.e.l(CodeGeneratingComponentRenderer.em(this.an) + "['" + e + "'] = " + g + ";");
+                if (this.aq == "any" && stringContains(e, "-")) {
+                    this.e.l(CodeGeneratingComponentRenderer.er(this.ap) + "['" + e + "'] = " + g + ";");
                 }
                 else {
                     if (c.b != null && c.b.isCustomEvent) {
-                        this.e.l(CodeGeneratingComponentRenderer.em(this.an) + ".addEventListener(\"" + e + "\", " + g + ");");
+                        this.e.l(CodeGeneratingComponentRenderer.er(this.ap) + ".addEventListener(\"" + e + "\", " + g + ");");
                     }
                     else {
-                        this.e.l(CodeGeneratingComponentRenderer.em(this.an) + "." + e + " = " + g + ";");
+                        this.e.l(CodeGeneratingComponentRenderer.er(this.ap) + "." + e + " = " + g + ";");
                     }
                 }
                 return;
@@ -1612,17 +1627,17 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
             if (a > 0) {
                 this.h.l("");
             }
-            if (this.ao == "any" && stringContains(e, "-")) {
-                this.h.j(this.an + "." + CodeGeneratingComponentRenderer.em(this.an) + "['" + e + "']");
+            if (this.aq == "any" && stringContains(e, "-")) {
+                this.h.j(this.ap + "." + CodeGeneratingComponentRenderer.er(this.ap) + "['" + e + "']");
             }
             else {
-                this.h.j(this.an + "." + CodeGeneratingComponentRenderer.em(e));
+                this.h.j(this.ap + "." + CodeGeneratingComponentRenderer.er(e));
             }
             this.h.j(" = ");
-            this.h.j(this.a1(d, c, true));
+            this.h.j(this.a3(d, c, true));
             this.h.j(";");
         }
-        ae(a) {
+        ag(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1632,31 +1647,31 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
             }
             return b.b;
         }
-        ay() {
+        a0() {
             return "null";
         }
-        at(a) {
-            return CodeGeneratingComponentRenderer.em(a.a.e);
+        av(a) {
+            return CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        az(a) {
-            return CodeGeneratingComponentRenderer.em(a.a.e);
+        a1(a) {
+            return CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        av(a) {
+        ax(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bp(a);
-                if (!this.br.contains(a.a.e)) {
-                    this.g.l("this." + CodeGeneratingComponentRenderer.em(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.em(a.a.e) + ".bind(this);");
+                this.br(a);
+                if (!this.bt.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.er(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.er(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.em(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.er(a.a.e);
             }
-            return this.ay();
+            return this.a0();
         }
-        a1(a, b, c) {
+        a3(a, b, c) {
             if (b.b == null) {
                 return "\"" + b.c + "\"";
             }
             if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-                b.c = this.ae(b);
+                b.c = this.ag(b);
             }
             switch (b.b.knownType) {
                 case 11:
@@ -1686,15 +1701,15 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                     }
                     return b.c.toString();
                 case 5:
-                case 23:
-                case 6:
-                case 16:
-                case 2: return "\"" + super.a1(a, b, c) + "\"";
+                case 2: return "\"" + super.a3(a, b, c) + "\"";
+                case 23: return "[" + super.a3(a, b, c) + "]";
+                case 6: return "[\"" + stringJoin1(String_$type, "\", \"", super.ab(b, c)) + "\"]";
+                case 16: return "[\"" + stringJoin1(String_$type, "\", \"", super.ac(b, c)) + "\"]";
                 case 9: throw new NotSupportedException(1, "shouldn't get here");
             }
-            return super.a1(a, b, c);
+            return super.a3(a, b, c);
         }
-        bh(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -1712,12 +1727,12 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                             if (k) {
                                 if (f) {
                                     f = false;
-                                    this.h.l(this.an + "." + b + " = []");
+                                    this.h.l(this.ap + "." + b + " = []");
                                 }
-                                this.h.l(this.an + "." + b + ".push(" + this.a2 + ");");
+                                this.h.l(this.ap + "." + b + ".push(" + this.a4 + ");");
                             }
                             else {
-                                this.h.l(this.an + "." + b + ".add(" + this.a2 + ");");
+                                this.h.l(this.ap + "." + b + ".add(" + this.a4 + ");");
                             }
                         }
                     }
@@ -1727,7 +1742,7 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let l = c.c;
                     l.u(this, false);
-                    this.h.l(this.an + "." + b + " = " + this.a2 + ";");
+                    this.h.l(this.ap + "." + b + " = " + this.a4 + ";");
                 }
             }
         }
@@ -1749,14 +1764,14 @@ export let ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         i(a, b) {
             return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_a5() {
+        get_a7() {
             return "Igc";
         }
-        be(a, b, c) {
-            super.be(a, b, c);
-            WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
+        bg(a, b, c) {
+            super.bg(a, b, c);
+            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
         }
-        bv(a, b) {
+        bx(a, b) {
             let c = false;
             if (b.getMetadata(a, "__isPlainObject") != null && b.getMetadata(a, "__marshalByValue") == null) {
                 c = true;
@@ -1774,9 +1789,9 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
     class WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bt = 0;
-            this.br = new HashSet$1(String_$type, 0);
-            this.bs = new HashSet$1(String_$type, 0);
+            this.bv = 0;
+            this.bt = new HashSet$1(String_$type, 0);
+            this.bu = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -1784,77 +1799,77 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
         get r() {
             return this.get_r();
         }
-        bq(a) {
+        bs(a) {
             if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
                 return false;
             }
             let b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
             for (let c = 0; c < b.length; c++) {
-                if (b[c].toLowerCase() == this.a4) {
+                if (b[c].toLowerCase() == this.a6) {
                     return true;
                 }
             }
             return false;
         }
-        au(a) {
-            if (this.bq(a)) {
-                return CodeGeneratingComponentRenderer.eo(a.c.toString());
+        aw(a) {
+            if (this.bs(a)) {
+                return CodeGeneratingComponentRenderer.et(a.c.toString());
             }
             else {
-                return super.au(a);
+                return super.aw(a);
             }
         }
         i(a, b) {
             return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        ap(a, b, c, d) {
-            d = super.ap(a, b, c, d);
+        ar(a, b, c, d) {
+            d = super.ar(a, b, c, d);
             let e = b.q();
-            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.em(d) + ": " + e + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.em(d) + "(): " + e + " {");
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(d) + ": " + e + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.er(d) + "(): " + e + " {");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(d) + " = " + d + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(d) + " = " + d + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(d) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(d);
+            return CodeGeneratingComponentRenderer.es(d);
         }
-        aq(a, b, c, d, e) {
-            e = super.aq(a, b, c, d, e);
+        as(a, b, c, d, e) {
+            e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].q() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
             }
-            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.em(e) + ": " + f + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.em(e) + "(): " + f + " {");
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(e) + ": " + f + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.er(e) + "(): " + f + " {");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(e) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(e) + " == null)");
             this.f.l("{");
             this.f.h();
-            this.f.k("let " + CodeGeneratingComponentRenderer.em(e) + ": " + f + " = [];");
+            this.f.k("let " + CodeGeneratingComponentRenderer.er(e) + ": " + f + " = [];");
             for (let h = 0; h < c.count; h++) {
                 this.f.k(d._inner[h]);
                 this.f.k(e + ".push(" + c._inner[h].t + ")");
             }
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(e) + " = " + e + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(e) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(e) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(e);
+            return CodeGeneratingComponentRenderer.es(e);
         }
-        ar(a, b) {
+        at(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -1871,95 +1886,95 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
         get_x() {
             return true;
         }
-        ba(a, b, c) {
-            super.ba(a, b, c);
-            this.h.l("<" + this.bu(a) + "");
-            if (!this.br.contains(this.an)) {
-                this.br.add_1(this.an);
-                if (!this.bs.contains(this.ao)) {
-                    this.bs.add_1(this.ao);
-                    this.a9(this.ao);
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            this.h.l("<" + this.bw(a) + "");
+            if (!this.bt.contains(this.ap)) {
+                this.bt.add_1(this.ap);
+                if (!this.bu.contains(this.aq)) {
+                    this.bu.add_1(this.aq);
+                    this.bb(this.aq);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.em(this.an) + ": " + this.ao);
+                this.f.l("private " + CodeGeneratingComponentRenderer.er(this.ap) + ": " + this.aq);
                 if (!this.p) {
                     if (this.v) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.ep(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.eu(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
                 }
             }
         }
-        bu(a) {
+        bw(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.ep(a);
+            return CodeGeneratingComponentRenderer.eu(a);
         }
-        bo() {
+        bq() {
             this.h.l(">");
             this.h.h();
         }
-        bj(a) {
+        bl(a) {
             this.h.f();
-            this.h.l("</" + this.bu(a) + ">");
-            super.bj(a);
+            this.h.l("</" + this.bw(a) + ">");
+            super.bl(a);
         }
-        get_a5() {
+        get_a7() {
             return "Igc";
         }
-        be(a, b, c) {
-            super.be(a, b, c);
-            WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
+        bg(a, b, c) {
+            super.bg(a, b, c);
+            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
         }
-        bg(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.em(b);
+        bi(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.er(b);
             if (this.q(d, c)) {
-                this.bp(c);
-                if (!this.br.contains(this.an)) {
-                    this.br.add_1(this.an);
-                    if (!this.bs.contains(this.ao)) {
-                        this.bs.add_1(this.ao);
-                        this.a9(this.ao);
+                this.br(c);
+                if (!this.bt.contains(this.ap)) {
+                    this.bt.add_1(this.ap);
+                    if (!this.bu.contains(this.aq)) {
+                        this.bu.add_1(this.aq);
+                        this.bb(this.aq);
                     }
-                    this.f.l("private " + CodeGeneratingComponentRenderer.em(this.an) + ": " + this.ao);
+                    this.f.l("private " + CodeGeneratingComponentRenderer.er(this.ap) + ": " + this.aq);
                     if (!this.p) {
                         if (this.v) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.ep(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.querySelector('" + CodeGeneratingComponentRenderer.eu(stringReplace(this.aq, "Component", "")) + "') as " + this.aq + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.em(this.an) + " = this." + CodeGeneratingComponentRenderer.em(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.er(this.ap) + " = this." + CodeGeneratingComponentRenderer.er(this.ap) + " = document.getElementById('" + this.ap + "') as " + this.aq + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.em(this.a1(d, c, true));
+                let f = CodeGeneratingComponentRenderer.er(this.a3(d, c, true));
                 let g = f;
                 if (g != "null" && !stringStartsWith(g, "this.")) {
                     g = "this." + g;
                 }
                 if (c.b.isCustomEvent) {
-                    this.e.l(CodeGeneratingComponentRenderer.em(this.an) + ".addEventListener(\"" + e + "\", " + g + ");");
+                    this.e.l(CodeGeneratingComponentRenderer.er(this.ap) + ".addEventListener(\"" + e + "\", " + g + ");");
                 }
                 else {
-                    this.e.l(CodeGeneratingComponentRenderer.em(this.an) + "." + e + " = " + g + ";");
+                    this.e.l(CodeGeneratingComponentRenderer.er(this.ap) + "." + e + " = " + g + ";");
                 }
                 return;
             }
             if (a > 0) {
                 this.h.l("");
             }
-            this.h.j(CodeGeneratingComponentRenderer.ep(e));
+            this.h.j(CodeGeneratingComponentRenderer.eu(e));
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.a1(d, c, true));
+            this.h.j(this.a3(d, c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.l("");
-                this.h.j("id=\"" + this.a1(d, c, true) + "\"");
+                this.h.j("id=\"" + this.a3(d, c, true) + "\"");
             }
         }
-        ae(a) {
+        ag(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1969,26 +1984,26 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             }
             return b.b;
         }
-        ay() {
+        a0() {
             return "null";
         }
-        at(a) {
-            return CodeGeneratingComponentRenderer.em(a.a.e);
+        av(a) {
+            return CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        az(a) {
-            return CodeGeneratingComponentRenderer.em(a.a.e);
+        a1(a) {
+            return CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        av(a) {
+        ax(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bp(a);
-                if (!this.br.contains(a.a.e)) {
-                    this.g.l("this." + CodeGeneratingComponentRenderer.em(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.em(a.a.e) + ".bind(this);");
+                this.br(a);
+                if (!this.bt.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.er(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.er(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.em(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.er(a.a.e);
             }
-            return this.ay();
+            return this.a0();
         }
-        bh(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -2022,12 +2037,12 @@ export let WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /
         i(a, b) {
             return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_a5() {
+        get_a7() {
             return "Igc";
         }
-        be(a, b, c) {
-            super.be(a, b, c);
-            WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
+        bg(a, b, c) {
+            super.bg(a, b, c);
+            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
         }
     }
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
@@ -2045,11 +2060,11 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
         }
         t(a, b) {
             super.t(a, b);
-            this.g.l("this." + CodeGeneratingComponentRenderer.em(a) + "();");
+            this.g.l("this." + CodeGeneratingComponentRenderer.er(a) + "();");
         }
         u(a, b) {
             super.u(a, b);
-            this.h.l("this." + CodeGeneratingComponentRenderer.em(a) + "();");
+            this.h.l("this." + CodeGeneratingComponentRenderer.er(a) + "();");
         }
         get z() {
             switch (this.w) {
@@ -2143,59 +2158,59 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
     class TSCodeGeneratingComponentRendererDataEmitter extends CodeGeneratingComponentRendererDataEmitter {
         constructor(a, b) {
             super(a, b);
-            this.al = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
+            this.am = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
         }
-        w(a, b = false) {
-            a = CodeGeneratingComponentRenderer.en(a);
+        x(a, b = false) {
+            a = CodeGeneratingComponentRenderer.es(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
             }
             return a;
         }
-        v(a) {
+        w(a) {
             a = stringReplace(a, "-", "_");
             if (this.p.e) {
                 return a;
             }
-            return CodeGeneratingComponentRenderer.em(a);
+            return CodeGeneratingComponentRenderer.er(a);
         }
-        ap(a) {
+        aq(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.em(a);
+            return "_" + CodeGeneratingComponentRenderer.er(a);
         }
-        get_s() {
+        get_t() {
             return ".ts";
         }
-        ak(a, b, c, d, e) {
-            super.ak(a, b, c, d, e);
-            let f = this.r(this.w(a, true), this.w(a, false), b, c);
-            for (let g of fromEnum(f)) {
-                this.ac(g, d, e);
+        al(a, b, c, d, e, f) {
+            super.al(a, b, c, d, e, f);
+            let g = this.s(this.x(b, true), this.x(b, false), c, d);
+            for (let h of fromEnum(g)) {
+                this.ad(h, e, f);
             }
-            let h = 0;
-            if (e == this.k) {
-                e.addPackageImport("./" + this.w(a, false), this.w(a, false));
+            let i = 0;
+            if (f == this.k) {
+                f.addPackageImport("./" + this.x(b, false), this.x(b, false));
             }
             else {
-                e.addPackageImport("./" + this.w(a, false), this.w(a, false));
-            }
-            d.l("export class " + this.w(a, false) + " extends Array<" + this.w(a, true) + "> {");
-            d.h();
-            d.l("public constructor(items: Array<" + this.w(a, true) + "> | number = -1) {");
-            d.h();
-            d.l("if (Array.isArray(items)) {");
-            d.h();
-            d.l("super(...items);");
-            d.f();
-            d.l("} else {");
-            d.h();
-            d.l("const newItems = [");
-            d.h();
-        }
-        ag(a, b, c) {
-            super.ag(a, b, c);
-            let d = this.p.cDNBasePath + this.w(a, false) + ".json";
+                f.addPackageImport("./" + this.x(b, false), this.x(b, false));
+            }
+            e.l("export class " + this.x(b, false) + " extends Array<" + this.x(b, true) + "> {");
+            e.h();
+            e.l("public constructor(items: Array<" + this.x(b, true) + "> | number = -1) {");
+            e.h();
+            e.l("if (Array.isArray(items)) {");
+            e.h();
+            e.l("super(...items);");
+            e.f();
+            e.l("} else {");
+            e.h();
+            e.l("const newItems = [");
+            e.h();
+        }
+        ah(a, b, c) {
+            super.ah(a, b, c);
+            let d = this.p.cDNBasePath + this.x(a, false) + ".json";
             let e = "";
             if (this.n.platform == 2) {
                 e = "this.setState({}); ";
@@ -2206,93 +2221,98 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             if (this.n.platform == 1) {
                 e = "this._detector.markForCheck(); ";
             }
-            let f = this.w(a, false);
+            let f = this.x(a, false);
             let g = "null";
             switch (b) {
+                case 3:
                 case 2:
                     f = "any[]";
                     break;
                 case 1:
                     f = "any[]";
-                    g = this.w(a, false);
+                    g = this.x(a, false);
                     break;
                 case 0: break;
             }
-            this.g.l("private " + this.ap(a) + ": " + f + " = " + g + ";");
-            if (b == 2 || (c != null && c.isAsync)) {
-                this.g.l("private " + this.ap(a) + "Fetching: boolean = false;");
+            this.g.l("private " + this.aq(a) + ": " + f + " = " + g + ";");
+            if ((b == 3 || b == 2) || (c != null && c.isAsync)) {
+                this.g.l("private _isFetching: boolean = false;");
             }
-            this.g.l("public get " + CodeGeneratingComponentRenderer.em(a) + "(): " + f + " {");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.er(a) + "(): " + f + " {");
             this.g.h();
             if (c != null && c.isAsync) {
-                this.g.l("if (this." + this.ap(a) + " == null && !this." + this.ap(a) + "Fetching)");
+                this.g.l("if (this." + this.aq(a) + " == null && !this._isFetching)");
                 this.g.l("{");
                 this.g.h();
-                this.g.l("this." + this.ap(a) + "Fetching = true;");
-                this.g.l("( async () => { this." + this.ap(a) + " = await (await " + this.w(a, false) + ".fetch()); " + e + " })();");
+                this.g.l("this._isFetching = true;");
+                this.g.l("( async () => { this." + this.aq(a) + " = await (await " + this.x(a, false) + ".fetch()); " + e + " })();");
                 this.g.f();
                 this.g.l("}");
             }
             else {
-                if (b == 2) {
-                    this.g.l("if (this." + this.ap(a) + " == null && !this." + this.ap(a) + "Fetching)");
+                if ((b == 3 || b == 2)) {
+                    this.g.l("if (this." + this.aq(a) + " == null && !this._isFetching)");
                     this.g.l("{");
                     this.g.h();
-                    this.g.l(this.ap(a) + "Fetching = true;");
-                    this.g.l("( async () => { this." + this.ap(a) + " = await (await fetch('" + d + "')).json(); " + e + " })();");
+                    this.g.l("this._isFetching = true;");
+                    this.g.l("( async () => {");
+                    this.g.l("    const url = '" + d + "';");
+                    this.g.l("    this." + this.aq(a) + " = await (await fetch(url)).json();");
+                    this.g.l("    " + e);
+                    this.g.l("})();");
                     this.g.f();
                     this.g.l("}");
                 }
                 if (b == 0) {
-                    this.g.l("if (this." + this.ap(a) + " == null)");
+                    this.g.l("if (this." + this.aq(a) + " == null)");
                     this.g.l("{");
                     this.g.h();
-                    this.g.l("this." + this.ap(a) + " = new " + this.w(a, false) + "();");
+                    this.g.l("this." + this.aq(a) + " = new " + this.x(a, false) + "();");
                     this.g.f();
                     this.g.l("}");
                 }
             }
-            this.g.l("return this." + this.ap(a) + ";");
+            this.g.l("return this." + this.aq(a) + ";");
             this.g.f();
             this.g.l("}");
             this.g.l("");
         }
-        ah(a, b) {
-            super.ah(a, b);
-            this.g.l("private " + this.ap(a) + ": " + this.am(b.e) + " = " + this.an(b) + ";");
-            this.g.l("public get " + CodeGeneratingComponentRenderer.em(a) + "(): " + this.am(b.e) + " {");
+        ai(a, b) {
+            super.ai(a, b);
+            this.g.l("private " + this.aq(a) + ": " + this.an(b.e) + " = " + this.ao(b) + ";");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.er(a) + "(): " + this.an(b.e) + " {");
             this.g.h();
-            this.g.l("return this." + this.ap(a) + ";");
+            this.g.l("return this." + this.aq(a) + ";");
             this.g.f();
             this.g.l("}");
             this.g.l("");
         }
-        ai(a, b, c, d) {
-            super.ai(a, b, c, d);
-            this.g.l("private " + this.ap(a) + ": " + this.w(a, false) + "Item = null;");
-            this.g.l("public get " + CodeGeneratingComponentRenderer.em(a) + "(): " + this.w(a, false) + "Item {");
+        aj(a, b, c, d) {
+            super.aj(a, b, c, d);
+            this.g.l("private " + this.aq(a) + ": " + this.x(a, false) + "Item = null;");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.er(a) + "(): " + this.x(a, false) + "Item {");
             this.g.h();
-            this.g.l("if (this." + this.ap(a) + " == null)");
+            this.g.l("if (this." + this.aq(a) + " == null)");
             this.g.l("{");
             this.g.h();
-            this.g.l("this." + this.ap(a) + " = ");
-            this.aq(this.w(a, true), b, c, d, this.g);
+            this.g.l("this." + this.aq(a) + " = ");
+            this.ar(this.x(a, true), b, c, d, this.g);
             this.g.l("}");
-            this.g.l("return this." + this.ap(a) + ";");
+            this.g.l("return this." + this.aq(a) + ";");
             this.g.f();
             this.g.l("}");
             this.g.l("");
         }
-        y(a, b) {
+        z(a, b) {
             b.addPackageImport("./" + a, a);
         }
-        z(a, b, c) {
+        aa(a, b, c) {
             c.addDefaultImport("./" + b, a);
         }
-        aa(a, b) {
+        ab(a, b) {
             this.l = CodeGeneratingImportManager.merge(this.l, b);
         }
-        ac(a, b, c) {
+        ad(a, b, c) {
             let d = 0;
             if (c == this.k) {
                 c.addPackageImport("./" + a.c, a.d);
@@ -2311,13 +2331,13 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             for (let e = 0; e < a.a.length; e++) {
                 let f = a.a[e];
                 let g = a.b[e];
-                b.l("public " + this.v(f) + ": " + this.ao(a, f, g) + ";");
+                b.l("public " + this.w(f) + ": " + this.ap(a, f, g) + ";");
             }
             b.f();
             b.l("");
             b.l("}");
         }
-        am(a) {
+        an(a) {
             switch (a) {
                 case 1: return "boolean";
                 case 0: return "number";
@@ -2326,12 +2346,12 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return "any";
         }
-        ao(a, b, c) {
+        ap(a, b, c) {
             if (c.d) {
-                return a.d + "_" + CodeGeneratingComponentRenderer.en(this.v(b)) + "Item[]";
+                return a.d + "_" + CodeGeneratingComponentRenderer.es(this.w(b)) + "Item[]";
             }
             else if (c.f) {
-                return a.d + "_" + this.v(b);
+                return a.d + "_" + this.w(b);
             }
             else {
                 switch (c.c) {
@@ -2343,24 +2363,24 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return "any";
         }
-        aj(a, b, c, d) {
-            super.aj(a, b, c, d);
-            d.f();
-            d.l("];");
-            d.l("super(...(newItems.slice(0, items)));");
-            d.f();
-            d.l("}");
-            d.f();
-            d.l("}");
-            d.f();
-            d.l("}");
-        }
-        x(a, b, c, d, e, f) {
-            super.x(a, b, c, d, e, f);
-            this.aq(this.w(a, true), b, c, d, f);
-            f.l(",");
-        }
-        aq(a, b, c, d, e) {
+        ak(a, b, c, d, e) {
+            super.ak(a, b, c, d, e);
+            e.f();
+            e.l("];");
+            e.l("super(...(newItems.slice(0, items)));");
+            e.f();
+            e.l("}");
+            e.f();
+            e.l("}");
+            e.f();
+            e.l("}");
+        }
+        y(a, b, c, d, e, f, g) {
+            super.y(a, b, c, d, e, f, g);
+            this.ar(this.x(b, true), c, d, e, g);
+            g.l(",");
+        }
+        ar(a, b, c, d, e) {
             if (d == null) {
                 e.j("null");
                 return;
@@ -2374,7 +2394,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                         if (g > 0) {
                             e.l(",");
                         }
-                        this.aq(a, b, c, f.items[g], e);
+                        this.ar(a, b, c, f.items[g], e);
                     }
                 }
                 e.f();
@@ -2391,18 +2411,18 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                     if (i > 0) {
                         e.l(",");
                     }
-                    e.j(this.v(j) + ": ");
+                    e.j(this.w(j) + ": ");
                     if (k.d) {
-                        let l = a + "_" + CodeGeneratingComponentRenderer.en(this.v(j)) + "Item";
-                        this.aq(l, k.a, k.b, h.item(j), e);
+                        let l = a + "_" + CodeGeneratingComponentRenderer.es(this.w(j)) + "Item";
+                        this.ar(l, k.a, k.b, h.item(j), e);
                     }
                     else if (k.f) {
-                        let m = a + "_" + CodeGeneratingComponentRenderer.en(this.v(j));
-                        this.aq(m, k.a, k.b, h.item(j), e);
+                        let m = a + "_" + CodeGeneratingComponentRenderer.es(this.w(j));
+                        this.ar(m, k.a, k.b, h.item(j), e);
                     }
                     else {
                         let n = h.item(j);
-                        e.j(this.t(k, n));
+                        e.j(this.u(k, n));
                     }
                 }
                 e.l("");
@@ -2410,7 +2430,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                 e.j("})");
             }
         }
-        t(a, b) {
+        u(a, b) {
             if (b.value == null) {
                 return ("null");
             }
@@ -2422,7 +2442,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        an(a) {
+        ao(a) {
             switch (a.e) {
                 case 1: return (a.value ? "true" : "false");
                 case 0: return (a.value.toString());
@@ -2442,9 +2462,9 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
     class AngularTemplateCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bs = 0;
-            this.bq = new HashSet$1(String_$type, 0);
-            this.br = new HashSet$1(String_$type, 0);
+            this.bu = 0;
+            this.bs = new HashSet$1(String_$type, 0);
+            this.bt = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -2452,57 +2472,57 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         get r() {
             return this.get_r();
         }
-        ap(a, b, c, d) {
-            d = super.ap(a, b, c, d);
+        ar(a, b, c, d) {
+            d = super.ar(a, b, c, d);
             let e = b.q();
-            this.f.l("private " + " _" + CodeGeneratingComponentRenderer.em(d) + ": " + e + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.em(d) + "(): " + e + " {");
+            this.f.l("private " + " _" + CodeGeneratingComponentRenderer.er(d) + ": " + e + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.er(d) + "(): " + e + " {");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(d) + " = " + d + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(d) + " = " + d + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(d) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(d);
+            return CodeGeneratingComponentRenderer.er(d);
         }
-        aq(a, b, c, d, e) {
-            e = super.aq(a, b, c, d, e);
+        as(a, b, c, d, e) {
+            e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
                 f = c._inner[0].q() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
             }
-            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.em(e) + ": " + f + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.em(e) + "(): " + f + " {");
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(e) + ": " + f + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.er(e) + "(): " + f + " {");
             this.f.h();
-            this.f.l("if (this._" + CodeGeneratingComponentRenderer.em(e) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.er(e) + " == null)");
             this.f.l("{");
             this.f.h();
-            this.f.k("let " + CodeGeneratingComponentRenderer.em(e) + ": " + f + " = [];");
+            this.f.k("let " + CodeGeneratingComponentRenderer.er(e) + ": " + f + " = [];");
             for (let h = 0; h < c.count; h++) {
                 this.f.k(d._inner[h]);
                 this.f.k(e + ".push(" + c._inner[h].t + ")");
             }
-            this.f.l("this._" + CodeGeneratingComponentRenderer.em(e) + " = " + e + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.em(e) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.er(e) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.en(e);
+            return CodeGeneratingComponentRenderer.es(e);
         }
         i(a, b) {
             return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        ar(a, b) {
+        at(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -2519,45 +2539,45 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         get_x() {
             return true;
         }
-        get_a5() {
+        get_a7() {
             return "Igx";
         }
-        ba(a, b, c) {
-            super.ba(a, b, c);
-            this.h.l("<" + this.bt(a) + "");
-            if (!this.bq.contains(this.an)) {
-                this.bq.add_1(this.an);
-                if (!this.br.contains(this.ao)) {
-                    this.br.add_1(this.ao);
-                    this.a9(this.ao);
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            this.h.l("<" + this.bv(a) + "");
+            if (!this.bs.contains(this.ap)) {
+                this.bs.add_1(this.ap);
+                if (!this.bt.contains(this.aq)) {
+                    this.bt.add_1(this.aq);
+                    this.bb(this.aq);
                 }
-                this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.em(this.an) + "\", { static: true } )");
-                this.f.l("private " + CodeGeneratingComponentRenderer.em(this.an) + ": " + this.ao);
+                this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.er(this.ap) + "\", { static: true } )");
+                this.f.l("private " + CodeGeneratingComponentRenderer.er(this.ap) + ": " + this.aq);
             }
         }
-        be(a, b, c) {
-            super.be(a, b, c);
-            WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
+        bg(a, b, c) {
+            super.bg(a, b, c);
+            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
         }
-        bt(a) {
+        bv(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.ep(a);
+            return CodeGeneratingComponentRenderer.eu(a);
         }
-        bo() {
+        bq() {
             this.h.l(">");
             this.h.h();
         }
-        bj(a) {
+        bl(a) {
             this.h.f();
-            this.h.l("</" + this.bt(a) + ">");
-            super.bj(a);
+            this.h.l("</" + this.bv(a) + ">");
+            super.bl(a);
         }
-        bg(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.em(b);
+        bi(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.er(b);
             if (this.q(d, c)) {
-                this.bp(c);
+                this.br(c);
                 if (this.t(c)) {
                     e = "(" + e + ")";
                 }
@@ -2571,21 +2591,21 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             this.h.j(e);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.a1(d, c, true));
+            this.h.j(this.a3(d, c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.l("");
-                this.h.j("#" + CodeGeneratingComponentRenderer.em(this.a1(d, c, true)));
+                this.h.j("#" + CodeGeneratingComponentRenderer.er(this.a3(d, c, true)));
             }
         }
-        av(a) {
+        ax(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bp(a);
-                return "this." + CodeGeneratingComponentRenderer.em(a.a.e) + "($event)";
+                this.br(a);
+                return "this." + CodeGeneratingComponentRenderer.er(a.a.e) + "($event)";
             }
-            return this.ay();
+            return this.a0();
         }
-        ae(a) {
+        ag(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -2595,16 +2615,16 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             }
             return b.b;
         }
-        ay() {
+        a0() {
             return "null";
         }
-        at(a) {
-            return CodeGeneratingComponentRenderer.em(a.a.e);
+        av(a) {
+            return CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        az(a) {
-            return CodeGeneratingComponentRenderer.em(a.a.e);
+        a1(a) {
+            return CodeGeneratingComponentRenderer.er(a.a.e);
         }
-        bh(a, b, c, d) {
+        bj(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
@@ -2641,12 +2661,12 @@ export let AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PU
         i(a, b) {
             return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_a5() {
+        get_a7() {
             return "Igc";
         }
-        be(a, b, c) {
-            super.be(a, b, c);
-            WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
+        bg(a, b, c) {
+            super.bg(a, b, c);
+            WebImportsHalper.b(this.k, this.a6, this.a5, this.a7, a, b, c);
         }
     }
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
@@ -2659,148 +2679,162 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
     class DotNetCodeGeneratingComponentRendererDataEmitter extends CodeGeneratingComponentRendererDataEmitter {
         constructor(a, b) {
             super(a, b);
-            this.al = false;
+            this.am = false;
         }
-        aa(a, b) {
-            super.aa(a, b);
+        ab(a, b) {
+            super.ab(a, b);
             this.f.l("<Compile Include=\"" + a + ".cs\">");
             this.f.h();
             this.f.l("<SubType>Code</SubType>");
             this.f.f();
             this.f.l("</Compile>");
         }
-        ae(a) {
+        af(a) {
             a.l("using System;");
             a.l("using System.Collections.Generic;");
-            if (!this.al) {
-                this.al = true;
+            if (!this.am) {
+                this.am = true;
             }
-            super.ae(a);
+            super.af(a);
         }
-        ad(a) {
-            super.ad(a);
+        ae(a) {
+            super.ae(a);
         }
-        w(a, b = false) {
-            a = CodeGeneratingComponentRenderer.en(a);
+        x(a, b = false) {
+            a = CodeGeneratingComponentRenderer.es(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
             }
             return a;
         }
-        v(a) {
+        w(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.en(a);
+            return CodeGeneratingComponentRenderer.es(a);
         }
-        ap(a) {
+        aq(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.em(a);
-        }
-        ak(a, b, c, d, e) {
-            super.ak(a, b, c, d, e);
-            let f = this.r(this.w(a, true), this.w(a, false), b, c);
-            for (let g of fromEnum(f)) {
-                this.ac(g, d, e);
-            }
-            d.l("");
-            d.l("public class " + this.w(a, false));
-            d.h();
-            d.l(": List<" + this.w(a, true) + ">");
-            d.f();
-            d.l("{");
-            d.h();
-            d.l("public " + this.w(a, false) + "()");
-            d.l("{");
-            d.h();
-        }
-        ag(a, b, c) {
-            super.ag(a, b, c);
-            let d = this.ap(a) + " = " + "new " + this.w(a, false) + "(); ";
-            let e = "";
+            return "_" + CodeGeneratingComponentRenderer.er(a);
+        }
+        al(a, b, c, d, e, f) {
+            super.al(a, b, c, d, e, f);
+            let g = this.s(this.x(b, true), this.x(b, false), c, d);
+            for (let h of fromEnum(g)) {
+                this.ad(h, e, f);
+            }
+            e.l("");
+            e.l("public class " + this.x(b, false));
+            e.h();
+            e.l(": List<" + this.x(b, true) + ">");
+            e.f();
+            e.l("{");
+            e.h();
+            e.l("public " + this.x(b, false) + "()");
+            e.l("{");
+            e.h();
+        }
+        ah(a, b, c) {
+            super.ah(a, b, c);
+            if (b == 3) {
+                let d = this.p.cDNBasePath + this.x(a, false) + ".json";
+                this.g.l("public RemoteJSON " + this.w(a));
+                this.g.l("{");
+                this.g.h();
+                this.g.l("get");
+                this.g.l("{");
+                this.g.h();
+                this.g.l("return RemoteJSON.LoadFrom(\"" + d + "\");");
+                this.g.f();
+                this.g.l("}");
+                this.g.l("");
+                return;
+            }
+            let e = this.aq(a) + " = " + "new " + this.x(a, false) + "(); ";
+            let f = "";
             if (this.n.platform == 5) {
-                e = " StateHasChanged();";
+                f = " StateHasChanged();";
             }
             else {
-                e = " OnPropertyChanged(\"" + this.w(a, false) + "\");";
+                f = " OnPropertyChanged(\"" + this.x(a, false) + "\");";
             }
-            if (c != null && c.isAsync) {
-                d = this.w(a, false) + ".Fetch().ContinueWith((t) => {" + this.ap(a) + " = t.Result; " + e + " });";
+            if (c != null && (b == 2 || c.isAsync)) {
+                e = this.x(a, false) + ".Fetch().ContinueWith((t) => {" + this.aq(a) + " = t.Result; " + f + " });";
             }
-            this.g.l("private " + this.w(a, false) + " " + this.ap(a) + " = null;");
-            this.g.l("public " + this.w(a, false) + " " + this.v(a));
+            this.g.l("private " + this.x(a, false) + " " + this.aq(a) + " = null;");
+            this.g.l("public " + this.x(a, false) + " " + this.w(a));
             this.g.l("{");
             this.g.h();
             this.g.l("get");
             this.g.l("{");
             this.g.h();
-            this.g.l("if (" + this.ap(a) + " == null)");
+            this.g.l("if (" + this.aq(a) + " == null)");
             this.g.l("{");
             this.g.h();
-            this.g.l(d);
+            this.g.l(e);
             this.g.f();
             this.g.l("}");
-            this.g.l("return " + this.ap(a) + ";");
+            this.g.l("return " + this.aq(a) + ";");
             this.g.f();
             this.g.l("}");
             this.g.f();
             this.g.l("}");
             this.g.l("");
         }
-        ah(a, b) {
-            super.ah(a, b);
-            this.g.l("private " + this.am(b.e) + " " + this.ap(a) + " = " + this.an(b) + ";");
-            this.g.l("public " + this.am(b.e) + " " + this.v(a));
+        ai(a, b) {
+            super.ai(a, b);
+            this.g.l("private " + this.an(b.e) + " " + this.aq(a) + " = " + this.ao(b) + ";");
+            this.g.l("public " + this.an(b.e) + " " + this.w(a));
             this.g.l("{");
             this.g.h();
             this.g.l("get");
             this.g.l("{");
             this.g.h();
-            this.g.l("return " + this.ap(a) + ";");
+            this.g.l("return " + this.aq(a) + ";");
             this.g.f();
             this.g.l("}");
             this.g.f();
             this.g.l("}");
             this.g.l("");
         }
-        ai(a, b, c, d) {
-            super.ai(a, b, c, d);
-            this.g.l("private " + this.w(a, false) + "Item " + this.ap(a) + " = null;");
-            this.g.l("public " + this.w(a, false) + "Item " + this.v(a));
+        aj(a, b, c, d) {
+            super.aj(a, b, c, d);
+            this.g.l("private " + this.x(a, false) + "Item " + this.aq(a) + " = null;");
+            this.g.l("public " + this.x(a, false) + "Item " + this.w(a));
             this.g.l("{");
             this.g.h();
             this.g.l("get");
             this.g.l("{");
             this.g.h();
-            this.g.l("if (" + this.ap(a) + " == null)");
+            this.g.l("if (" + this.aq(a) + " == null)");
             this.g.l("{");
             this.g.h();
             this.g.l("_" + a + " = ");
-            this.aq(this.w(a, true), b, c, d, this.g);
+            this.ar(this.x(a, true), b, c, d, this.g);
             this.g.f();
             this.g.l("}");
-            this.g.l("return " + this.ap(a) + ";");
+            this.g.l("return " + this.aq(a) + ";");
             this.g.f();
             this.g.l("}");
             this.g.f();
             this.g.l("}");
             this.g.l("");
         }
-        get_s() {
+        get_t() {
             return ".cs";
         }
-        ac(a, b, c) {
+        ad(a, b, c) {
             b.l("public class " + a.d);
             b.l("{");
             b.h();
             for (let d = 0; d < a.a.length; d++) {
                 let e = a.a[d];
                 let f = a.b[d];
-                b.l("public " + this.ao(a, e, f) + " " + this.v(e) + " { get; set; }");
+                b.l("public " + this.ap(a, e, f) + " " + this.w(e) + " { get; set; }");
             }
             b.f();
             b.l("}");
         }
-        am(a) {
+        an(a) {
             switch (a) {
                 case 1: return "bool";
                 case 0: return "double";
@@ -2809,12 +2843,15 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             }
             return "object";
         }
-        ao(a, b, c) {
+        get_r() {
+            return true;
+        }
+        ap(a, b, c) {
             if (c.d) {
-                return "List<" + a.d + "_" + this.v(b) + "Item>";
+                return "List<" + a.d + "_" + this.w(b) + "Item>";
             }
             else if (c.f) {
-                return a.d + "_" + this.v(b);
+                return a.d + "_" + this.w(b);
             }
             else {
                 switch (c.c) {
@@ -2826,20 +2863,37 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             }
             return "object";
         }
-        aj(a, b, c, d) {
-            super.aj(a, b, c, d);
-            d.f();
-            d.l("}");
-            d.f();
-            d.l("}");
-        }
-        x(a, b, c, d, e, f) {
-            super.x(a, b, c, d, e, f);
-            f.j("this.Add(");
-            this.aq(this.w(a, true), b, c, d, f);
-            f.l(");");
-        }
-        aq(a, b, c, d, e) {
+        ak(a, b, c, d, e) {
+            super.ak(a, b, c, d, e);
+            e.f();
+            e.l("}");
+            if (a == 2 || a == 3) {
+                let f = this.p.cDNBasePath + this.x(b, false) + ".json";
+                e.l("public async static System.Threading.Tasks.Task<" + this.x(b, false) + "> Fetch()");
+                e.l("{");
+                e.h();
+                e.l("var url = \"" + f + "\" ;");
+                e.l("var client = new System.Net.Http.HttpClient();");
+                e.l("var str = await client.GetStringAsync(url);");
+                e.l("var arr = System.Text.Json.JsonSerializer.Deserialize<" + this.x(b, false) + ">(str);");
+                e.l("return arr;");
+                e.f();
+                e.l("}");
+                e.l("");
+            }
+            e.f();
+            e.l("}");
+        }
+        y(a, b, c, d, e, f, g) {
+            super.y(a, b, c, d, e, f, g);
+            if (a == 2 || a == 3) {
+                return;
+            }
+            g.j("this.Add(");
+            this.ar(this.x(b, true), c, d, e, g);
+            g.l(");");
+        }
+        ar(a, b, c, d, e) {
             if (d == null) {
                 e.j("null");
                 return;
@@ -2854,7 +2908,7 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
                         if (g > 0) {
                             e.l(",");
                         }
-                        this.aq(a, b, c, f.items[g], e);
+                        this.ar(a, b, c, f.items[g], e);
                     }
                 }
                 e.f();
@@ -2876,16 +2930,24 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
                     }
                     e.j(j + " = ");
                     if (k.d) {
-                        let l = a + "_" + this.v(j) + "Item";
-                        this.aq(l, k.a, k.b, h.item(j), e);
+                        let l = a + "_" + this.w(j) + "Item";
+                        this.ar(l, k.a, k.b, h.item(j), e);
                     }
                     else if (k.f) {
-                        let m = a + "_" + this.v(j);
-                        this.aq(m, k.a, k.b, h.item(j), e);
+                        let m = a + "_" + this.w(j);
+                        this.ar(m, k.a, k.b, h.item(j), e);
                     }
                     else {
                         let n = h.item(j);
-                        e.j(this.t(k, n));
+                        try {
+                            e.j(this.u(k, n));
+                        }
+                        catch (o) {
+                            let p = getInstanceType(n.value).typeName;
+                            let q = stringReplace(EnumUtil.getName(JsonDictionaryValueType_$type, k.c), "Value", "");
+                            let r = "'" + j + "' property (" + n.value + ") is '" + p + "' instead of '" + q + "' type.";
+                            throw new BaseError(1, "Failed on creating '" + a + "' because " + r + "\n" + o.message);
+                        }
                     }
                 }
                 e.l("");
@@ -2893,7 +2955,7 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
                 e.j("}");
             }
         }
-        t(a, b) {
+        u(a, b) {
             switch (a.c) {
                 case 1: return (b.value ? "true" : "false");
                 case 0:
@@ -2911,7 +2973,7 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             }
             return "";
         }
-        an(a) {
+        ao(a) {
             switch (a.e) {
                 case 1: return (a.value ? "true" : "false");
                 case 0: return (a.value.toString());
@@ -2932,7 +2994,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
         constructor(a, b) {
             super(a, b);
         }
-        a7(a) {
+        a9(a) {
             if (a == null || isNaN_(a)) {
                 return "";
             }
@@ -2950,7 +3012,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
         get_y() {
             return false;
         }
-        ar(a, b) {
+        at(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -2964,20 +3026,20 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return d;
         }
-        ba(a, b, c) {
-            super.ba(a, b, c);
+        bc(a, b, c) {
+            super.bc(a, b, c);
             this.h.l("<ig:" + a + "");
         }
-        bo() {
+        bq() {
             this.h.l(">");
             this.h.h();
         }
-        bj(a) {
+        bl(a) {
             this.h.f();
             this.h.l("</ig:" + a + ">");
-            super.bj(a);
+            super.bl(a);
         }
-        bg(a, b, c, d) {
+        bi(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) {
@@ -2986,7 +3048,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
                     this.h.j(b);
                     this.h.j("=");
                     this.h.j("\"");
-                    this.h.j("{}" + this.a1(d, c, true));
+                    this.h.j("{}" + this.a3(d, c, true));
                     this.h.j("\"");
                     return;
                 }
@@ -2997,10 +3059,10 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.a1(d, c, true));
+            this.h.j(this.a3(d, c, true));
             this.h.j("\"");
         }
-        ae(a) {
+        ag(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -3010,24 +3072,24 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return b.b;
         }
-        ay() {
+        a0() {
             return "{x:Null}";
         }
-        at(a) {
+        av(a) {
             return "{Binding ElementName=" + a.a.e + "}";
         }
-        bq(a) {
+        bs(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.en(a);
+            return CodeGeneratingComponentRenderer.es(a);
         }
-        az(a) {
-            this.bp(a);
-            return "{Binding " + this.bq(a.a.e) + "}";
+        a1(a) {
+            this.br(a);
+            return "{Binding " + this.bs(a.a.e) + "}";
         }
-        bh(a, b, c, d) {
+        bj(a, b, c, d) {
             this.h.j("<ig:");
             {
-                this.h.j(this.ao);
+                this.h.j(this.aq);
                 this.h.j(".");
             }
             this.h.j(b);
@@ -3053,13 +3115,13 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             this.h.f();
             this.h.j("</ig:");
             {
-                this.h.j(this.ao);
+                this.h.j(this.aq);
                 this.h.j(".");
             }
             this.h.j(b);
             this.h.l(">");
         }
-        get_a5() {
+        get_a7() {
             return "Xam";
         }
     }
@@ -3074,7 +3136,7 @@ export let WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         constructor(a, b) {
             super(a, b);
         }
-        a7(a) {
+        a9(a) {
             if (a == null || isNaN_(a)) {
                 return "";
             }
@@ -3103,17 +3165,17 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
     class CodeGeneratingComponentRenderer extends ComponentRenderer {
         constructor(a, b) {
             super();
-            this.ee = null;
-            this.ef = 0;
-            this.ei = null;
             this.ej = null;
-            this.ek = null;
-            this.eh = null;
-            this.eg = null;
-            this.ee = b;
-            this.ef = a;
+            this.ek = 0;
+            this.en = null;
+            this.eo = null;
+            this.ep = null;
+            this.em = null;
+            this.el = null;
+            this.ej = b;
+            this.ek = a;
             this.preserveKeyOrder = true;
-            ComponentRenderer.platform = CodeGeneratingComponentRenderer.el(a);
+            ComponentRenderer.platform = CodeGeneratingComponentRenderer.eq(a);
             this.adapter = new CodeGenerationRendererAdapter(a, this.adapter);
             this.context = new TypeDescriptionContext(this.adapter, ComponentRenderer.platform);
             this.j = new CodeGenerationTransformer(a);
@@ -3125,13 +3187,13 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        de(a) {
-            this.ee.b = a;
+        dg(a) {
+            this.ej.b = a;
         }
         o() {
             return false;
         }
-        static em(a) {
+        static er(a) {
             if (a == null) {
                 return null;
             }
@@ -3140,7 +3202,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toLowerCase() + a.substr(1);
         }
-        static eo(a) {
+        static et(a) {
             if (a == null) {
                 return null;
             }
@@ -3152,7 +3214,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toLowerCase() + a.substr(1);
         }
-        static en(a) {
+        static es(a) {
             if (a == null) {
                 return null;
             }
@@ -3161,7 +3223,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toUpperCase() + a.substr(1);
         }
-        static ep(a) {
+        static eu(a) {
             if (a == null) {
                 return null;
             }
@@ -3199,19 +3261,19 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
         ar() {
             return true;
         }
-        bq(a) {
+        br(a) {
             let b = a.g;
             return b == null ? { $type: Point_$type, x: NaN, y: NaN } : { $type: Point_$type, x: b.x, y: b.y };
         }
-        br(a) {
+        bs(a) {
             let b = a.g;
             return b == null ? Rect.empty : new Rect(0, b.left, b.top, b.width, b.height);
         }
-        bs(a) {
+        bt(a) {
             let b = a.g;
             return b == null ? new Size(1, NaN, NaN) : new Size(1, b.width, b.height);
         }
-        bu(a) {
+        bv(a) {
             let b = a.g;
             if (typeof b === 'number') {
                 return typeGetValue(b);
@@ -3224,13 +3286,13 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return NaN;
         }
-        ck(a) {
+        cm(a) {
             if (a == null) {
                 return null;
             }
             return Brush.create(a);
         }
-        cl(a) {
+        cn(a) {
             if (a == null) {
                 return null;
             }
@@ -3238,31 +3300,31 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
         }
         ae(a) {
             super.ae(a);
-            this.ei = a;
+            this.en = a;
             return true;
         }
         al(a) {
             super.al(a);
-            this.ek = a;
+            this.ep = a;
             return true;
         }
         af(a) {
             super.af(a);
-            this.eg = a;
+            this.el = a;
             return true;
         }
         ag(a) {
             super.ag(a);
-            this.eh = a;
+            this.em = a;
             return true;
         }
         ah(a) {
             super.ah(a);
-            this.ej = a;
+            this.eo = a;
             return true;
         }
-        d8(a, b, c) {
-            switch (this.ef) {
+        ed(a, b, c) {
+            switch (this.ek) {
                 case 1: if (b.forceCodeBehind) {
                     return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
                 }
@@ -3297,8 +3359,8 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        d9(a, b) {
-            switch (this.ef) {
+        ee(a, b) {
+            switch (this.ek) {
                 case 1: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
                 case 2: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
                 case 3: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
@@ -3308,44 +3370,44 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        ea(a, b) {
-            switch (this.ef) {
-                case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.ef);
-                case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.ef);
-                case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.ef);
+        ef(a, b) {
+            switch (this.ek) {
+                case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.ek);
+                case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.ek);
+                case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.ek);
                 case 4: break;
                 case 0:
                 case 5: return new DotNetCodeGeneratingComponentRendererHandlerEmitter(a, b);
             }
             return null;
         }
-        ec(a, b) {
-            switch (this.ef) {
-                case 1: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.ef);
-                case 2: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.ef);
-                case 3: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.ef);
+        eh(a, b) {
+            switch (this.ek) {
+                case 1: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.ek);
+                case 2: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.ek);
+                case 3: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.ek);
                 case 4: break;
                 case 0:
                 case 5: return new DotNetCodeGeneratingComponentRendererTemplateEmitter(a, b);
             }
             return null;
         }
-        eb(a, b) {
-            switch (this.ef) {
-                case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.ef, a, b);
-                case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.ef, a, b);
-                case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.ef, a, b);
+        eg(a, b) {
+            switch (this.ek) {
+                case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.ek, a, b);
+                case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.ek, a, b);
+                case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.ek, a, b);
                 case 4: break;
-                case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.ef, a, b);
-                case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.ef, a, b);
+                case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.ek, a, b);
+                case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.ek, a, b);
             }
             return null;
         }
         emitCode(a) {
             let b = new CodeGeneratingRendererResult();
-            b.platform = this.ef;
-            b.generationOptions = this.ee;
-            for (let c of fromEnum(this.a7.keys)) {
+            b.platform = this.ek;
+            b.generationOptions = this.ej;
+            for (let c of fromEnum(this.a8.keys)) {
                 let d = c;
                 let e = d.id;
                 for (let f of fromEnum(d.a)) {
@@ -3357,17 +3419,17 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            for (let g of fromEnum(this.a7.keys)) {
+            for (let g of fromEnum(this.a8.keys)) {
                 let h = g;
-                h.c(this.context, b, this, this.ee);
+                h.c(this.context, b, this, this.ej);
             }
-            if (this.ei != null) {
-                let i = this.eb(this.ee, b);
-                i.n(this.ei, this.context);
+            if (this.en != null) {
+                let i = this.eg(this.ej, b);
+                i.n(this.en, this.context);
             }
-            if (this.ek != null) {
-                if (typeCast(JsonDictionaryObject.$, this.ek) !== null) {
-                    let j = this.ek;
+            if (this.ep != null) {
+                if (typeCast(JsonDictionaryObject.$, this.ep) !== null) {
+                    let j = this.ep;
                     let m = j.e();
                     for (let l = 0; l < m.length; l++) {
                         let k = m[l];
@@ -3376,15 +3438,15 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 }
             }
             {
-                let n = this.d9(this.ee, b);
-                n.ab(this.ej);
+                let n = this.ee(this.ej, b);
+                n.ac(this.eo);
             }
-            let o = this.ea(this.ee, b);
+            let o = this.ef(this.ej, b);
             let p = new List$1(String_$type, 0);
             let q = new List$1(String_$type, 0);
-            if (this.eg != null) {
-                if (typeCast(JsonDictionaryArray.$, this.eg) !== null) {
-                    let r = this.eg;
+            if (this.el != null) {
+                if (typeCast(JsonDictionaryArray.$, this.el) !== null) {
+                    let r = this.el;
                     if (r.items != null) {
                         let u = r.items;
                         for (let t = 0; t < u.length; t++) {
@@ -3393,14 +3455,14 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                         }
                     }
                 }
-                else if (typeCast(JsonDictionaryValue.$, this.eg) !== null) {
-                    let v = this.eg;
+                else if (typeCast(JsonDictionaryValue.$, this.el) !== null) {
+                    let v = this.el;
                     p.add(v.value.toString());
                 }
             }
-            if (this.eh != null) {
-                if (typeCast(JsonDictionaryArray.$, this.eh) !== null) {
-                    let w = this.eh;
+            if (this.em != null) {
+                if (typeCast(JsonDictionaryArray.$, this.em) !== null) {
+                    let w = this.em;
                     if (w.items != null) {
                         let z = w.items;
                         for (let y = 0; y < z.length; y++) {
@@ -3409,52 +3471,52 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                         }
                     }
                 }
-                else if (typeCast(JsonDictionaryValue.$, this.eh) !== null) {
-                    let aa = this.eh;
+                else if (typeCast(JsonDictionaryValue.$, this.em) !== null) {
+                    let aa = this.em;
                     q.add(aa.value.toString());
                 }
             }
             o.s(p.toArray(), q.toArray());
-            let ab = this.ec(this.ee, b);
+            let ab = this.eh(this.ej, b);
             ab.r();
-            this.et(b, a);
+            this.ey(b, a);
             return b;
         }
-        et(a, b) {
+        ey(a, b) {
             b.execute(a);
         }
-        bd() {
-            return runOn(this, this.er);
+        be() {
+            return runOn(this, this.ew);
         }
-        eq(a) {
+        ev(a) {
             a = stringReplace(a, "-", "_");
-            if (!this.ee.e) {
-                switch (this.ef) {
+            if (!this.ej.e) {
+                switch (this.ek) {
                     case 1:
                     case 2:
-                    case 3: return CodeGeneratingComponentRenderer.em(a);
+                    case 3: return CodeGeneratingComponentRenderer.er(a);
                     case 4:
                     case 0:
-                    case 5: return CodeGeneratingComponentRenderer.en(a);
+                    case 5: return CodeGeneratingComponentRenderer.es(a);
                 }
             }
             return a;
         }
-        er(a) {
+        ew(a) {
             let b = a;
             if (stringStartsWith(a, "{")) {
                 if (!stringStartsWith(a, "{[")) {
                     a = a.substr(1, a.length - 2);
-                    a = "{" + this.eq(a) + "}";
+                    a = "{" + this.ev(a) + "}";
                     b = a;
                 }
             }
             else {
-                b = this.eq(a);
+                b = this.ev(a);
             }
             return b;
         }
-        static el(a) {
+        static eq(a) {
             switch (a) {
                 case 1: return 3;
                 case 2: return 2;
@@ -3492,14 +3554,14 @@ export let CodeGenerationContainer = /*@__PURE__*/ (() => {
             let g = new StringBuilder(0);
             let h = new CodeGeneratingImportManager();
             for (let i of fromEnum(this.a)) {
-                let j = c.d8(i, d, b);
+                let j = c.ed(i, d, b);
                 i.u(j, true);
                 let k = j.toString();
                 b.addContainerResult(this.id, k);
-                j.bc(e);
-                j.bf(f);
-                j.bb(g);
-                j.bd(a, h);
+                j.be(e);
+                j.bh(f);
+                j.bd(g);
+                j.bf(a, h);
             }
             b.addContainerResult("bindingFields", e.toString());
             b.addContainerResult("bindingInit", f.toString());
@@ -3596,31 +3658,31 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             let c = this.m();
             if (b) {
                 let d = this.p();
-                a.a3 = d;
+                a.a5 = d;
             }
             let e = false;
             let f = false;
             if (this.f.containsKey("Name")) {
                 e = true;
-                a.bn(this.f.item("Name").c);
+                a.bp(this.f.item("Name").c);
             }
             else if (this.f.containsKey("name")) {
                 e = true;
-                a.bn(this.f.item("name").c);
+                a.bp(this.f.item("name").c);
             }
             else {
                 if (b && this.t != null) {
                     e = true;
-                    a.bn(this.t);
+                    a.bp(this.t);
                 }
                 else if (this.e(this.c, a)) {
                     f = true;
-                    a.bm(c);
+                    a.bo(c);
                     if (a.y) {
                         this.g.add("name");
                         this.f.addItem("name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.an;
+                            $ret.c = a.ap;
                             return $ret;
                         })()));
                     }
@@ -3628,13 +3690,13 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                         this.g.add("Name");
                         this.f.addItem("Name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.an;
+                            $ret.c = a.ap;
                             return $ret;
                         })()));
                     }
                 }
             }
-            a.ba(this.q(), this.j, this.c);
+            a.bc(this.q(), this.j, this.c);
             let g = 0;
             for (let h of fromEnum(this.g)) {
                 let i = this.f.item(h);
@@ -3642,11 +3704,11 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                     continue;
                 }
                 if (this.d(a, h, i)) {
-                    a.bg(g, h, i, this.c);
+                    a.bi(g, h, i, this.c);
                     g++;
                 }
             }
-            a.bo();
+            a.bq();
             let j = 0;
             for (let k of fromEnum(this.g)) {
                 let l = this.f.item(k);
@@ -3654,18 +3716,18 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                     continue;
                 }
                 if (!this.d(a, k, l)) {
-                    a.bh(j, k, l, this.c);
+                    a.bj(j, k, l, this.c);
                     j++;
                 }
             }
-            a.bi(j);
-            a.bj(c);
+            a.bk(j);
+            a.bl(c);
             if (e) {
-                a.bl();
+                a.bn();
             }
             else {
                 if (f) {
-                    a.bk();
+                    a.bm();
                 }
             }
         }