igniteui-angular-core 17.3.1-alpha.0 → 18.1.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, NotSupportedException, IList_$type, 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";
@@ -22,13 +22,16 @@ import { StringBuilder } from "./StringBuilder";
 import { CodeGeneratingImportManager } from "./CodeGeneratingImportManager";
 import { stringJoin1, stringIsNullOrEmpty, stringReplace, stringStartsWith, stringEndsWith, stringContains } from "./string";
 import { HashSet$1 } from "./HashSet$1";
+import { arrayGetValue } from "./array";
+import { trimEnd } from "./stringExtended";
 import { WebImportsHalper } from "./WebImportsHalper";
 import { CodeGeneratingComponentRendererHandlerEmitter } from "./CodeGeneratingComponentRendererHandlerEmitter";
+import { Dictionary$2 } from "./Dictionary$2";
 import { CodeGeneratingRegexHelper } from "./CodeGeneratingRegexHelper";
 import { CodeGeneratingComponentRendererDataEmitter } from "./CodeGeneratingComponentRendererDataEmitter";
-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";
@@ -369,9 +372,9 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         if (typeCast(CodeGenerationItemBuilder.$, g[j]) !== null) {
                             let k = this.i(this.l, this.j);
                             let l = c;
-                            let m = g[j].o();
+                            let m = g[j].p();
                             if (m == null) {
-                                m = g[j].m();
+                                m = g[j].n();
                                 m = this.au(m);
                             }
                             if (m != null) {
@@ -393,8 +396,8 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             return c;
         }
         an(a, b, c) {
-            b.t = a;
-            b.u(c, true);
+            b.u = a;
+            b.v(c, true);
             let d = c.toString();
             for (let e of fromEnum(c.aa)) {
                 this.aa.add(e);
@@ -412,11 +415,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                 return this.a0();
             }
             if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
-                let c = b.c.o();
+                let c = b.c.p();
                 if (c != null) {
                     return c;
                 }
-                let d = b.c.m();
+                let d = b.c.n();
                 let e = this.au(d);
                 return e;
             }
@@ -424,11 +427,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                 let f = b.c;
                 if (f.count > 0 && typeCast(CodeGenerationItemBuilder.$, f.item(0)) !== null) {
                     let g = f.item(0);
-                    let h = g.o();
+                    let h = g.p();
                     if (h != null) {
                         return h;
                     }
-                    let i = g.m();
+                    let i = g.n();
                     let j = this.au(i);
                     return j;
                 }
@@ -437,11 +440,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             else if (typeCast(Array_$type, b.c) !== null) {
                 let k = b.c;
                 if (k.length > 0 && typeCast(CodeGenerationItemBuilder.$, k[0]) !== null) {
-                    let l = b.c.o();
+                    let l = b.c.p();
                     if (l != null) {
                         return l;
                     }
-                    let m = b.c.m();
+                    let m = b.c.n();
                     let n = this.au(m);
                     return n;
                 }
@@ -507,25 +510,25 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         }
         ak(a) {
             let b = a.c;
-            return ColorUtil.i(b, this.x);
+            return ColorUtil.k(b, this.x);
         }
         aj(a) {
             let b = a;
-            return ColorUtil.i(b, this.x);
+            return ColorUtil.k(b, this.x);
         }
         ai(a) {
             if (a.c == null) {
                 return "";
             }
             let b = a.c;
-            return ColorUtil.i(b.color, this.x);
+            return ColorUtil.k(b.color, this.x);
         }
         ah(a) {
             if (a == null) {
                 return "";
             }
             let b = a;
-            return ColorUtil.i(b.color, this.x);
+            return ColorUtil.k(b.color, this.x);
         }
         bp(a) {
             this.ad.h(a);
@@ -636,8 +639,8 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         }
         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("private " + b.n() + " _" + CodeGeneratingComponentRenderer.er(d) + " = null;");
+            this.f.l("public " + b.n() + " " + CodeGeneratingComponentRenderer.es(d));
             this.f.l("{");
             this.f.h();
             this.f.l("get");
@@ -661,11 +664,11 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
-                f = c._inner[0].q() + "[]";
+                f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
             }
             this.f.l("private " + f + " _" + CodeGeneratingComponentRenderer.er(e) + " = null;");
             this.f.l("public " + f + " " + CodeGeneratingComponentRenderer.es(e));
@@ -680,7 +683,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             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.k(e + "[" + h + "] = " + c._inner[h].u + ";");
             }
             this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
@@ -923,7 +926,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.u(this, false);
+                            g.v(this, false);
                         }
                     }
                 }
@@ -931,7 +934,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.u(this, false);
+                    h.v(this, false);
                 }
             }
         }
@@ -1179,16 +1182,33 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.u(this, false);
+                            g.v(this, false);
                             this.h.l(this.ap + "." + b + ".Add(" + this.a4 + ");");
                         }
                     }
                 }
             }
+            else if (c.b.knownType == 10) {
+                let h = typeCast(Array_$type, c.c);
+                if (h != null) {
+                    let i = "[";
+                    for (let j = 0; j < h.length; j++) {
+                        let k = arrayGetValue(h, j);
+                        if (typeCast(CodeGenerationItemBuilder.$, k) !== null) {
+                            let l = k;
+                            l.v(this, false);
+                            i += this.a4 + ",";
+                        }
+                    }
+                    i = trimEnd(i, ',');
+                    i += "]";
+                    this.h.l(this.ap + "." + b + " = " + i + ";");
+                }
+            }
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
-                    let h = c.c;
-                    h.u(this, false);
+                    let m = c.c;
+                    m.v(this, false);
                     this.h.l(this.ap + "." + b + " = " + this.a4 + ";");
                 }
             }
@@ -1218,7 +1238,7 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         }
         ar(a, b, c, d) {
             d = super.ar(a, b, c, d);
-            let e = b.q();
+            let e = b.r();
             this.f.l("private " + " _" + CodeGeneratingComponentRenderer.er(d) + ": " + e + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.er(d) + "(): " + e + " {");
             this.f.h();
@@ -1238,11 +1258,11 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
-                f = c._inner[0].q() + "[]";
+                f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
             }
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(e) + ": " + f + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.er(e) + "(): " + f + " {");
@@ -1253,7 +1273,7 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             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.k(e + ".push(" + c._inner[h].u + ")");
             }
             this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
@@ -1440,7 +1460,7 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.u(this, false);
+                            g.v(this, false);
                         }
                     }
                 }
@@ -1448,7 +1468,7 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.u(this, false);
+                    h.v(this, false);
                 }
             }
         }
@@ -1716,7 +1736,7 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                     for (let g of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, g) !== null) {
                             let h = g;
-                            h.u(this, false);
+                            h.v(this, false);
                             let i = c.b.owningType;
                             let j = d.getMetadata(i, "__isPlainObject");
                             let k = false;
@@ -1737,10 +1757,27 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                     }
                 }
             }
+            else if (c.b.knownType == 10) {
+                let l = typeCast(Array_$type, c.c);
+                if (l != null) {
+                    let m = "[";
+                    for (let n = 0; n < l.length; n++) {
+                        let o = arrayGetValue(l, n);
+                        if (typeCast(CodeGenerationItemBuilder.$, o) !== null) {
+                            let p = o;
+                            p.v(this, false);
+                            m += this.a4 + ",";
+                        }
+                    }
+                    m = trimEnd(m, ',');
+                    m += "]";
+                    this.h.l(this.ap + "." + b + " = " + m + ";");
+                }
+            }
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
-                    let l = c.c;
-                    l.u(this, false);
+                    let q = c.c;
+                    q.v(this, false);
                     this.h.l(this.ap + "." + b + " = " + this.a4 + ";");
                 }
             }
@@ -1823,7 +1860,7 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
         }
         ar(a, b, c, d) {
             d = super.ar(a, b, c, d);
-            let e = b.q();
+            let e = b.r();
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(d) + ": " + e + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.er(d) + "(): " + e + " {");
             this.f.h();
@@ -1843,11 +1880,11 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
-                f = c._inner[0].q() + "[]";
+                f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
             }
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(e) + ": " + f + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.er(e) + "(): " + f + " {");
@@ -1858,7 +1895,7 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             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.k(e + ".push(" + c._inner[h].u + ")");
             }
             this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
@@ -2009,7 +2046,7 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.u(this, false);
+                            g.v(this, false);
                         }
                     }
                 }
@@ -2017,7 +2054,7 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.u(this, false);
+                    h.v(this, false);
                 }
             }
         }
@@ -2055,7 +2092,10 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
         constructor(a, b, c) {
             super(a, b);
             this.w = 0;
+            this.x = new Dictionary$2(String_$type, String_$type, 0);
             this.w = c;
+            this.x.item("IgxRowType", "RowType");
+            this.x.item("IgxCellType", "CellType");
         }
         t(a, b) {
             super.t(a, b);
@@ -2065,7 +2105,7 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
             super.u(a, b);
             this.h.l("this." + CodeGeneratingComponentRenderer.er(a) + "();");
         }
-        get z() {
+        get aa() {
             switch (this.w) {
                 case 1: return "angular";
                 case 2: return "react";
@@ -2073,7 +2113,7 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
             }
             return "";
         }
-        get aa() {
+        get ab() {
             switch (this.w) {
                 case 1: return "Igx";
                 case 2: return "Igr";
@@ -2087,36 +2127,50 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
             c.execute(b, (d, e, f) => {
                 let g = d(1);
                 let h = d(2);
-                h = stringReplace(h, "webcomponents", this.z);
-                h = stringReplace(h, "react", this.z);
-                h = stringReplace(h, "angular", this.z);
-                if (this.z == "angular" || this.z == "react") {
+                h = stringReplace(h, "webcomponents", this.aa);
+                h = stringReplace(h, "react", this.aa);
+                h = stringReplace(h, "angular", this.aa);
+                if (this.aa == "angular" || this.aa == "react") {
                     if (stringContains(h, "/grids")) {
                         h = stringReplace(h, "/grids", "");
                     }
                 }
+                if (this.aa == "angular") {
+                    if (stringContains(h, "igniteui-angular-grids")) {
+                        h = stringReplace(h, "igniteui-angular-grids", "igniteui-angular");
+                    }
+                }
                 let i = g.split(',');
                 for (let k = 0; k < i.length; k++) {
                     let j = i[k];
                     let l = j.trim();
                     if (stringStartsWith(l, "Igc")) {
-                        l = this.aa + l.substr(3);
+                        l = this.ab + l.substr(3);
                     }
                     if (stringStartsWith(l, "Igr")) {
-                        l = this.aa + l.substr(3);
+                        l = this.ab + l.substr(3);
                     }
                     if (stringStartsWith(l, "Igx")) {
-                        l = this.aa + l.substr(3);
+                        l = this.ab + l.substr(3);
                     }
                     if (stringStartsWith(l, "Igr") && stringEndsWith(l, "Component")) {
                         l = l.substr(0, l.length - ("Component").length);
                     }
+                    if (h.trim() == "igniteui-angular") {
+                        if (this.x.containsKey(l.trim())) {
+                            l = this.x.item(l.trim());
+                        }
+                        if (stringStartsWith(l.trim(), "Igx") && stringEndsWith(l.trim(), "EventArgs")) {
+                            this.x.item(l.trim(), stringReplace(l, "Igx", "I"));
+                            l = stringReplace(l, "Igx", "I");
+                        }
+                    }
                     a.addPackageImport(h.trim(), l.trim());
                 }
                 return null;
             });
         }
-        get_y() {
+        get_z() {
             switch (this.n.platform) {
                 case 1: return "Component";
                 case 2: return "";
@@ -2126,10 +2180,10 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
             }
             return "";
         }
-        get y() {
-            return this.get_y();
+        get z() {
+            return this.get_z();
         }
-        get_x() {
+        get_y() {
             switch (this.n.platform) {
                 case 1: return "Igx";
                 case 2: return "Igr";
@@ -2140,8 +2194,8 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
             }
             return "";
         }
-        get x() {
-            return this.get_x();
+        get y() {
+            return this.get_y();
         }
         q(a, b) {
             return a;
@@ -2157,9 +2211,9 @@ 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) {
+        x(a, b = false) {
             a = CodeGeneratingComponentRenderer.es(a);
             a = stringReplace(a, "-", "_");
             if (b) {
@@ -2167,49 +2221,49 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        v(a) {
+        w(a) {
             a = stringReplace(a, "-", "_");
-            if (this.p.e) {
+            if (this.p.g) {
                 return a;
             }
             return CodeGeneratingComponentRenderer.er(a);
         }
-        ap(a) {
+        aq(a) {
             a = stringReplace(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({}); ";
@@ -2220,93 +2274,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.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.er(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.er(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);
@@ -2325,13 +2384,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";
@@ -2340,12 +2399,12 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             return "any";
         }
-        ao(a, b, c) {
+        ap(a, b, c) {
             if (c.d) {
-                return a.d + "_" + CodeGeneratingComponentRenderer.es(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 + "_" + TypeDescriptionContext.ab(this.w(b));
             }
             else {
                 switch (c.c) {
@@ -2357,24 +2416,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));");
+            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;
@@ -2388,7 +2447,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();
@@ -2399,24 +2458,36 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                 e.l("new " + a + "(");
                 e.l("{");
                 e.h();
-                for (let i = 0; i < b.length; i++) {
-                    let j = b[i];
-                    let k = c[i];
-                    if (i > 0) {
+                let i = true;
+                for (let j = 0; j < b.length; j++) {
+                    let k = b[j];
+                    let l = c[j];
+                    if (!h.g(k)) {
+                        continue;
+                    }
+                    if (i) {
+                        i = false;
+                    }
+                    else {
                         e.l(",");
                     }
-                    e.j(this.v(j) + ": ");
-                    if (k.d) {
-                        let l = a + "_" + CodeGeneratingComponentRenderer.es(this.v(j)) + "Item";
-                        this.aq(l, k.a, k.b, h.item(j), e);
+                    e.j(this.w(k) + ": ");
+                    if (l.d) {
+                        let m = a + "_" + CodeGeneratingComponentRenderer.es(this.w(k)) + "Item";
+                        if (h.g(k)) {
+                            this.ar(m, l.a, l.b, h.item(k), e);
+                        }
+                        else {
+                            e.j("[]");
+                        }
                     }
-                    else if (k.f) {
-                        let m = a + "_" + CodeGeneratingComponentRenderer.es(this.v(j));
-                        this.aq(m, k.a, k.b, h.item(j), e);
+                    else if (l.f) {
+                        let n = a + "_" + CodeGeneratingComponentRenderer.es(this.w(k));
+                        this.ar(n, l.a, l.b, h.item(k), e);
                     }
                     else {
-                        let n = h.item(j);
-                        e.j(this.t(k, n));
+                        let o = h.item(k);
+                        e.j(this.u(l, o));
                     }
                 }
                 e.l("");
@@ -2424,19 +2495,19 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                 e.j("})");
             }
         }
-        t(a, b) {
+        u(a, b) {
             if (b.value == null) {
                 return ("null");
             }
             switch (a.c) {
                 case 1: return (b.value ? "true" : "false");
                 case 0: return (b.value.toString());
-                case 2: return ("`" + b.value + "`");
+                case 2: return ("`" + stringReplace(b.value, "`", "\\`") + "`");
                 case 3: return ("null");
             }
             return "";
         }
-        an(a) {
+        ao(a) {
             switch (a.e) {
                 case 1: return (a.value ? "true" : "false");
                 case 0: return (a.value.toString());
@@ -2468,7 +2539,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         }
         ar(a, b, c, d) {
             d = super.ar(a, b, c, d);
-            let e = b.q();
+            let e = b.r();
             this.f.l("private " + " _" + CodeGeneratingComponentRenderer.er(d) + ": " + e + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.er(d) + "(): " + e + " {");
             this.f.h();
@@ -2488,11 +2559,11 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             e = super.as(a, b, c, d, e);
             let f = null;
             if (c.count > 0) {
-                f = c._inner[0].q() + "[]";
+                f = c._inner[0].r() + "[]";
             }
             else {
                 let g = a.b.specificExternalType;
-                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.al, this.am) + "[]";
+                f = CodeGenerationItemBuilder.o(this.k.platform, g, b, this.al, this.am) + "[]";
             }
             this.f.l("private" + " _" + CodeGeneratingComponentRenderer.er(e) + ": " + f + " | null = null;");
             this.f.l("public get " + CodeGeneratingComponentRenderer.er(e) + "(): " + f + " {");
@@ -2503,7 +2574,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             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.k(e + ".push(" + c._inner[h].u + ")");
             }
             this.f.l("this._" + CodeGeneratingComponentRenderer.er(e) + " = " + e + ";");
             this.f.f();
@@ -2625,7 +2696,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.u(this, false);
+                            g.v(this, false);
                         }
                     }
                 }
@@ -2633,7 +2704,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.u(this, false);
+                    h.v(this, false);
                 }
             }
         }
@@ -2673,28 +2744,28 @@ 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) {
+        x(a, b = false) {
             a = CodeGeneratingComponentRenderer.es(a);
             a = stringReplace(a, "-", "_");
             if (b) {
@@ -2702,119 +2773,133 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             }
             return a;
         }
-        v(a) {
+        w(a) {
             a = stringReplace(a, "-", "_");
             return CodeGeneratingComponentRenderer.es(a);
         }
-        ap(a) {
+        aq(a) {
             a = stringReplace(a, "-", "_");
             return "_" + CodeGeneratingComponentRenderer.er(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 = "";
+        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";
@@ -2823,12 +2908,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) {
@@ -2840,20 +2928,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;
@@ -2868,7 +2973,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();
@@ -2890,16 +2995,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("");
@@ -2907,7 +3020,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:
@@ -2925,7 +3038,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());
@@ -3053,7 +3166,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.u(this, false);
+                            g.v(this, false);
                         }
                     }
                 }
@@ -3061,7 +3174,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.u(this, false);
+                    h.v(this, false);
                 }
             }
             this.h.f();
@@ -3129,7 +3242,12 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             this.preserveKeyOrder = true;
             ComponentRenderer.platform = CodeGeneratingComponentRenderer.eq(a);
             this.adapter = new CodeGenerationRendererAdapter(a, this.adapter);
-            this.context = new TypeDescriptionContext(this.adapter, ComponentRenderer.platform);
+            if (b.reusedContext != null) {
+                this.context = b.reusedContext;
+            }
+            else {
+                this.context = new TypeDescriptionContext(this.adapter, ComponentRenderer.platform);
+            }
             this.j = new CodeGenerationTransformer(a);
         }
         loadCodeJson(a) {
@@ -3140,7 +3258,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             })()));
         }
         dg(a) {
-            this.ej.b = a;
+            this.ej.c = a;
         }
         o() {
             return false;
@@ -3355,6 +3473,12 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return null;
         }
+        markRefUsed(a) {
+            for (let b of fromEnum(this.a8.keys)) {
+                let c = b;
+                c.markRefUsed(a);
+            }
+        }
         emitCode(a) {
             let b = new CodeGeneratingRendererResult();
             b.platform = this.ek;
@@ -3362,18 +3486,18 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             for (let c of fromEnum(this.a8.keys)) {
                 let d = c;
                 let e = d.id;
-                for (let f of fromEnum(d.a)) {
-                    if (f.i("Name") != null) {
-                        b.trackDescriptionField(e, f.i("Name"));
+                for (let f of fromEnum(d.b)) {
+                    if (f.j("Name") != null) {
+                        b.trackDescriptionField(e, f.j("Name"));
                     }
-                    if (f.i("name") != null) {
-                        b.trackDescriptionField(e, f.i("name"));
+                    if (f.j("name") != null) {
+                        b.trackDescriptionField(e, f.j("name"));
                     }
                 }
             }
             for (let g of fromEnum(this.a8.keys)) {
                 let h = g;
-                h.c(this.context, b, this, this.ej);
+                h.d(this.context, b, this, this.ej);
             }
             if (this.en != null) {
                 let i = this.eg(this.ej, b);
@@ -3391,7 +3515,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             {
                 let n = this.ee(this.ej, b);
-                n.ab(this.eo);
+                n.ac(this.eo);
             }
             let o = this.ef(this.ej, b);
             let p = new List$1(String_$type, 0);
@@ -3431,10 +3555,10 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             o.s(p.toArray(), q.toArray());
             let ab = this.eh(this.ej, b);
             ab.r();
-            this.ey(b, a);
+            this.ez(b, a);
             return b;
         }
-        ey(a, b) {
+        ez(a, b) {
             b.execute(a);
         }
         be() {
@@ -3442,7 +3566,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
         }
         ev(a) {
             a = stringReplace(a, "-", "_");
-            if (!this.ej.e) {
+            if (!this.ej.g) {
                 switch (this.ek) {
                     case 1:
                     case 2:
@@ -3491,8 +3615,9 @@ export let CodeGenerationContainer = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this._id = null;
-            this.a = null;
-            this.a = new List$1(CodeGenerationItemBuilder.$, 0);
+            this.b = null;
+            this.a = new HashSet$1(String_$type, 0);
+            this.b = new List$1(CodeGenerationItemBuilder.$, 0);
         }
         get id() {
             return this._id;
@@ -3500,26 +3625,39 @@ export let CodeGenerationContainer = /*@__PURE__*/ (() => {
         set id(a) {
             this._id = a;
         }
-        c(a, b, c, d) {
+        d(a, b, c, d) {
             let e = new StringBuilder(0);
             let f = new StringBuilder(0);
             let g = new StringBuilder(0);
             let h = new CodeGeneratingImportManager();
             for (let i of fromEnum(this.a)) {
-                let j = c.ed(i, d, b);
-                i.u(j, true);
-                let k = j.toString();
-                b.addContainerResult(this.id, k);
-                j.be(e);
-                j.bh(f);
-                j.bd(g);
-                j.bf(a, h);
+                if (!c.hasRef(i)) {
+                    c.e(i);
+                }
+                b.af(((() => {
+                    let $ret = new CodeGenerationItemBuilderPropertyInfo();
+                    $ret.a = c.f(i);
+                    return $ret;
+                })()));
+            }
+            for (let j of fromEnum(this.b)) {
+                let k = c.ed(j, d, b);
+                j.v(k, true);
+                let l = k.toString();
+                b.addContainerResult(this.id, l);
+                k.be(e);
+                k.bh(f);
+                k.bd(g);
+                k.bf(a, h);
             }
             b.addContainerResult("bindingFields", e.toString());
             b.addContainerResult("bindingInit", f.toString());
             b.addContainerResult("bindingCode", g.toString());
             b.addImportResult("bindingImports", h);
         }
+        markRefUsed(a) {
+            this.a.add_1(a);
+        }
     }
     CodeGenerationContainer.$t = markType(CodeGenerationContainer, 'CodeGenerationContainer');
     return CodeGenerationContainer;
@@ -3531,26 +3669,26 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
     class CodeGenerationItemBuilder extends Base {
         constructor(a, b, c, d) {
             super();
-            this.g = new List$1(String_$type, 0);
-            this.f = new Dictionary$2(String_$type, CodeGenerationItemBuilderPropertyInfo.$, 0);
+            this.h = new List$1(String_$type, 0);
+            this.g = new Dictionary$2(String_$type, CodeGenerationItemBuilderPropertyInfo.$, 0);
             this.c = null;
             this.b = 0;
-            this.j = null;
-            this.h = null;
-            this.t = null;
+            this.k = null;
+            this.i = null;
+            this.u = null;
             this.b = a;
-            this.j = b;
+            this.k = b;
             this.c = c;
-            this.h = d;
+            this.i = d;
         }
-        o() {
+        p() {
             let a = this;
             let b = null;
-            if (a.i("Name") != null) {
-                b = a.i("Name");
+            if (a.j("Name") != null) {
+                b = a.j("Name");
             }
-            if (a.i("name") != null) {
-                b = a.i("name");
+            if (a.j("name") != null) {
+                b = a.j("name");
             }
             if (b != null) {
                 return b;
@@ -3558,18 +3696,18 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             return null;
         }
         a(a) {
-            let b = this.c.getMetadata(this.j, a);
-            return new CodeGenerationItemBuilder(this.b, this.r(b), this.c, this.h);
+            let b = this.c.getMetadata(this.k, a);
+            return new CodeGenerationItemBuilder(this.b, this.s(b), this.c, this.i);
         }
-        r(a) {
+        s(a) {
             return a.specificExternalType != null ? a.specificExternalType : a.specificType;
         }
-        x(a, b, c, d) {
-            if (!this.f.containsKey(a)) {
-                this.g.add(a);
+        y(a, b, c, d) {
+            if (!this.g.containsKey(a)) {
+                this.h.add(a);
             }
             ;
-            this.f.item(a, ((() => {
+            this.g.item(a, ((() => {
                 let $ret = new CodeGenerationItemBuilderPropertyInfo();
                 $ret.b = b;
                 $ret.c = c;
@@ -3577,17 +3715,17 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        v(a, b, c) {
+        w(a, b, c) {
             let d = null;
-            if (!this.f.containsKey(a)) {
-                this.g.add(a);
+            if (!this.g.containsKey(a)) {
+                this.h.add(a);
             }
             ;
-            if (this.f.containsKey(a)) {
-                let e = this.f.item(a);
+            if (this.g.containsKey(a)) {
+                let e = this.g.item(a);
                 d = e.c;
             }
-            this.f.item(a, ((() => {
+            this.g.item(a, ((() => {
                 let $ret = new CodeGenerationItemBuilderPropertyInfo();
                 $ret.b = b;
                 $ret.c = d;
@@ -3595,52 +3733,52 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        w(a, b) {
-            if (this.f.containsKey(a)) {
-                this.f.removeItem(a);
+        x(a, b) {
+            if (this.g.containsKey(a)) {
+                this.g.removeItem(a);
             }
         }
-        i(a) {
-            if (this.f.containsKey(a)) {
-                return this.f.item(a).c;
+        j(a) {
+            if (this.g.containsKey(a)) {
+                return this.g.item(a).c;
             }
             return null;
         }
-        u(a, b) {
-            let c = this.m();
+        v(a, b) {
+            let c = this.n();
             if (b) {
-                let d = this.p();
+                let d = this.q();
                 a.a5 = d;
             }
             let e = false;
             let f = false;
-            if (this.f.containsKey("Name")) {
+            if (this.g.containsKey("Name")) {
                 e = true;
-                a.bp(this.f.item("Name").c);
+                a.bp(this.g.item("Name").c);
             }
-            else if (this.f.containsKey("name")) {
+            else if (this.g.containsKey("name")) {
                 e = true;
-                a.bp(this.f.item("name").c);
+                a.bp(this.g.item("name").c);
             }
             else {
-                if (b && this.t != null) {
+                if (b && this.u != null) {
                     e = true;
-                    a.bp(this.t);
+                    a.bp(this.u);
                 }
-                else if (this.e(this.c, a)) {
+                else if (this.f(this.c, a)) {
                     f = true;
                     a.bo(c);
                     if (a.y) {
-                        this.g.add("name");
-                        this.f.addItem("name", ((() => {
+                        this.h.add("name");
+                        this.g.addItem("name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
                             $ret.c = a.ap;
                             return $ret;
                         })()));
                     }
                     else {
-                        this.g.add("Name");
-                        this.f.addItem("Name", ((() => {
+                        this.h.add("Name");
+                        this.g.addItem("Name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
                             $ret.c = a.ap;
                             return $ret;
@@ -3648,26 +3786,26 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            a.bc(this.q(), this.j, this.c);
+            a.bc(this.r(), this.k, this.c);
             let g = 0;
-            for (let h of fromEnum(this.g)) {
-                let i = this.f.item(h);
+            for (let h of fromEnum(this.h)) {
+                let i = this.g.item(h);
                 if (i.b == null && h.toLowerCase() == "type") {
                     continue;
                 }
-                if (this.d(a, h, i)) {
+                if (this.e(a, h, i)) {
                     a.bi(g, h, i, this.c);
                     g++;
                 }
             }
             a.bq();
             let j = 0;
-            for (let k of fromEnum(this.g)) {
-                let l = this.f.item(k);
+            for (let k of fromEnum(this.h)) {
+                let l = this.g.item(k);
                 if (l.b == null && k.toLowerCase() == "type") {
                     continue;
                 }
-                if (!this.d(a, k, l)) {
+                if (!this.e(a, k, l)) {
                     a.bj(j, k, l, this.c);
                     j++;
                 }
@@ -3683,26 +3821,35 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 }
             }
         }
-        e(a, b) {
+        f(a, b) {
             if (b.n) {
                 return true;
             }
-            for (let c of fromEnum(this.g)) {
-                let d = this.f.item(c);
+            for (let c of fromEnum(this.h)) {
+                let d = this.g.item(c);
                 if (b.q(a, d)) {
                     return true;
                 }
             }
             return false;
         }
-        d(a, b, c) {
+        d(a) {
+            let b = typeCast(Array_$type, a.c);
+            for (let c of b) {
+                if (typeCast(CodeGenerationItemBuilder.$, c) !== null) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        e(a, b, c) {
             if (c.b == null) {
                 if (b.toLowerCase() == "name") {
                     return true;
                 }
             }
             switch (c.b.knownType) {
-                case 10:
+                case 10: return a.r ? this.d(c) : true;
                 case 7: return true;
                 case 4: return c.c == null || !(typeCast(LinearGradientBrush.$, c.c) !== null);
                 case 6:
@@ -3745,13 +3892,13 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        q() {
-            return this.m();
+        r() {
+            return this.n();
         }
-        get s() {
-            return this.j;
+        get t() {
+            return this.k;
         }
-        static n(a, b, c, d, e) {
+        static o(a, b, c, d, e) {
             if (a == 0 || a == 4) {
                 let f = c.getMetadata(b, "_qualifiedName");
                 if (f != null) {
@@ -3780,11 +3927,11 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 return d + b + e;
             }
         }
-        m() {
-            return CodeGenerationItemBuilder.n(this.b, this.j, this.c, this.k, this.l);
+        n() {
+            return CodeGenerationItemBuilder.o(this.b, this.k, this.c, this.l, this.m);
         }
-        p() {
-            let a = this.c.getMetadata(this.j, "_qualifiedName");
+        q() {
+            let a = this.c.getMetadata(this.k, "_qualifiedName");
             if (a != null) {
                 let b = a.specificExternalType;
                 let c = b.split('.');
@@ -3793,18 +3940,18 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 }
             }
             if (this.b == 1 || this.b == 3 || this.b == 2 || this.b == 5) {
-                a = this.c.getMetadata(this.j, "__packageNameWC");
+                a = this.c.getMetadata(this.k, "__packageNameWC");
                 if (a != null) {
                     let d = a.specificExternalType;
                     return d;
                 }
             }
-            if (this.j == "Legend" || this.j == "ItemLegend") {
+            if (this.k == "Legend" || this.k == "ItemLegend") {
                 return "charts";
             }
             return "core";
         }
-        get_k() {
+        get_l() {
             switch (this.b) {
                 case 1: return "Igx";
                 case 2: return "Igr";
@@ -3815,10 +3962,10 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        get k() {
-            return this.get_k();
+        get l() {
+            return this.get_l();
         }
-        get_l() {
+        get_m() {
             switch (this.b) {
                 case 1: return "Component";
                 case 2: return "";
@@ -3828,8 +3975,8 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        get l() {
-            return this.get_l();
+        get m() {
+            return this.get_m();
         }
     }
     CodeGenerationItemBuilder.$t = markType(CodeGenerationItemBuilder, 'CodeGenerationItemBuilder');
@@ -3905,7 +4052,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
         }
         onPendingRef(a, b, c, d) {
             let e = a;
-            e.v(b, c, d);
+            e.w(b, c, d);
         }
         setPropertyValue(a, b, c, d, e, f) {
             if (!(typeCast(CodeGenerationItemBuilder.$, a) !== null)) {
@@ -3941,7 +4088,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
                 }
             }
             let m = a;
-            m.x(b, c, d, f);
+            m.y(b, c, d, f);
         }
         getPropertyValue(a, b) {
             while (stringContains(b, ".")) {
@@ -3971,17 +4118,17 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
                 }
             }
             let i = a;
-            return i.i(b);
+            return i.j(b);
         }
         getRootObject(a) {
             let b = a;
-            let c = b.a.count > 0 ? b.a._inner[0] : null;
+            let c = b.b.count > 0 ? b.b._inner[0] : null;
             return c;
         }
         clearContainer(a, b, c) {
             let d = a;
-            let e = d.a.count > 0 ? d.a._inner[0] : null;
-            d.a.clear();
+            let e = d.b.count > 0 ? d.b._inner[0] : null;
+            d.b.clear();
             c(false);
         }
         forPropertyValueItem(a, b, c) {
@@ -4057,7 +4204,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
                 }
             }
             let k = d;
-            k.w(b, c);
+            k.x(b, c);
         }
         replaceItemInCollection(a, b, c, d, e) {
             let f = this.getPropertyValue(c, a);
@@ -4081,10 +4228,10 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
         replaceRootItem(a, b, c, d) {
             let e = this.createObject(b, a, c, null);
             let f = a;
-            let g = f.a.count > 0 ? f.a._inner[0] : null;
-            f.a.clear();
+            let g = f.b.count > 0 ? f.b._inner[0] : null;
+            f.b.clear();
             {
-                f.a.add(e);
+                f.b.add(e);
             }
             d(false);
         }
@@ -4109,8 +4256,8 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
         }
         removeRootItem(a, b, c) {
             let d = a;
-            let e = d.a.count > 0 ? d.a._inner[0] : null;
-            d.a.clear();
+            let e = d.b.count > 0 ? d.b._inner[0] : null;
+            d.b.clear();
             c(false);
         }
         flushChanges(a) {