igniteui-angular-core 14.1.2 → 15.0.0

package/esm2015/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -4,26 +4,33 @@ 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, Boolean_$type, markType, fromEn, fromEnum, Number_$type, runOn, Array_$type } from "./type";
+import { Base, IList_$type, NotSupportedException, String_$type, typeCast, fromEnum, Array_$type, Boolean_$type, markType, EnumUtil, fromEn, Number_$type, runOn } from "./type";
+import { CodeGenerationTargetPlatforms_$type } from "./CodeGenerationTargetPlatforms";
 import { CodeGeneratingRendererResult } from "./CodeGeneratingRendererResult";
 import { CodeGeneratingCodeWriter } from "./CodeGeneratingCodeWriter";
 import { Stack$1 } from "./Stack$1";
 import { CodeGenerationItemBuilderPropertyInfo } from "./CodeGenerationItemBuilderPropertyInfo";
 import { List$1 } from "./List$1";
 import { TypeDescriptionContext } from "./TypeDescriptionContext";
+import { TypeDescriptionMetadata } from "./TypeDescriptionMetadata";
 import { CodeGenerationSpecialValue } from "./CodeGenerationSpecialValue";
 import { ColorUtil } from "./ColorUtil";
 import { StringBuilder } from "./StringBuilder";
 import { CodeGeneratingImportManager } from "./CodeGeneratingImportManager";
 import { stringIsNullOrEmpty, stringReplace, stringStartsWith, stringEndsWith, stringContains } from "./string";
 import { HashSet$1 } from "./HashSet$1";
+import { WebImportsHalper } from "./WebImportsHalper";
+import { CodeGeneratingComponentRendererHandlerEmitter } from "./CodeGeneratingComponentRendererHandlerEmitter";
+import { CodeGeneratingRegexHelper } from "./CodeGeneratingRegexHelper";
 import { CodeGeneratingComponentRendererDataEmitter } from "./CodeGeneratingComponentRendererDataEmitter";
 import { Dictionary$2 } from "./Dictionary$2";
+import { JsonDictionaryValue } from "./JsonDictionaryValue";
 import { JsonDictionaryObject } from "./JsonDictionaryObject";
 import { JsonDictionaryArray } from "./JsonDictionaryArray";
 import { ComponentRenderer } from "./ComponentRenderer";
-import { TSCodeGeneratingComponentRendererHandlerEmitter } from "./TSCodeGeneratingComponentRendererHandlerEmitter";
 import { DotNetCodeGeneratingComponentRendererHandlerEmitter } from "./DotNetCodeGeneratingComponentRendererHandlerEmitter";
+import { TSCodeGeneratingComponentRendererTemplateEmitter } from "./TSCodeGeneratingComponentRendererTemplateEmitter";
+import { DotNetCodeGeneratingComponentRendererTemplateEmitter } from "./DotNetCodeGeneratingComponentRendererTemplateEmitter";
 import { TSCodeGeneratingComponentRendererModuleEmitter } from "./TSCodeGeneratingComponentRendererModuleEmitter";
 import { DotNetCodeGeneratingComponentRendererModuleEmitter } from "./DotNetCodeGeneratingComponentRendererModuleEmitter";
 import { BlazorCodeGeneratingComponentRendererModuleEmitter } from "./BlazorCodeGeneratingComponentRendererModuleEmitter";
@@ -37,30 +44,42 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
     class CodeGeneratingComponentRendererCodeEmitter extends Base {
         constructor(a, b) {
             super();
-            this.k = null;
-            this.i = null;
-            this.t = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
+            this.l = null;
+            this.j = null;
+            this.y = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
             this.d = null;
             this.a = null;
             this.c = null;
             this.b = null;
-            this.u = new List$1(String_$type, 0);
-            this.x = new Stack$1(String_$type);
-            this.v = new Stack$1(String_$type);
-            this.w = new Stack$1(Boolean_$type);
-            this.aq = null;
-            this.k = a;
-            this.i = b;
-            this.d = new CodeGeneratingCodeWriter(this.k);
-            this.a = new CodeGeneratingCodeWriter(this.k);
-            this.c = new CodeGeneratingCodeWriter(this.k);
-            this.b = new CodeGeneratingCodeWriter(this.k);
-        }
-        a8(a) {
-            this.i.af(a);
-        }
-        get j() {
-            return this.i;
+            this.z = new List$1(String_$type, 0);
+            this.ac = new Stack$1(String_$type);
+            this.aa = new Stack$1(String_$type);
+            this.ab = new Stack$1(Boolean_$type);
+            this.ay = null;
+            this.ax = null;
+            this.l = a;
+            this.j = b;
+            this.d = new CodeGeneratingCodeWriter(this.l);
+            this.a = new CodeGeneratingCodeWriter(this.l);
+            this.c = new CodeGeneratingCodeWriter(this.l);
+            this.b = new CodeGeneratingCodeWriter(this.l);
+        }
+        get az() {
+            switch (this.j.platform) {
+                case 1: return "angular";
+                case 2: return "react";
+                case 3: return "webcomponents";
+            }
+            return "";
+        }
+        get m() {
+            return this.l;
+        }
+        bj(a) {
+            this.j.af(a);
+        }
+        get k() {
+            return this.j;
         }
         get h() {
             return this.d;
@@ -74,18 +93,44 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get f() {
             return this.b;
         }
-        at(a) {
-            this.u.add(a);
+        a3(a) {
+            if (a == null || a == "any") {
+                return;
+            }
+            this.z.add(a);
         }
-        n(a) {
-            if (a.b != null && (a.b.knownType == 20 || a.b.knownType == 19 || a.b.knownType == 18)) {
-                if (a.a != null) {
+        v(a, b) {
+            if (this.r) {
+                return false;
+            }
+            if (a.hasMustSetInCodePlatforms(b.b.owningType, b.b.propertyName)) {
+                let c = a.getMustSetInCodePlatforms(b.b.owningType, b.b.propertyName);
+                for (let e = 0; e < c.length; e++) {
+                    let d = c[e];
+                    let f;
+                    if (((() => { let g = EnumUtil.tryParse$1(CodeGenerationTargetPlatforms_$type, d, true, f); f = g.p2; return g.ret; })())) {
+                        if (f == this.j.platform) {
+                            return true;
+                        }
+                    }
+                }
+            }
+            return false;
+        }
+        q(a, b) {
+            if (b.b != null && (b.b.knownType == 20 || b.b.knownType == 19 || b.b.knownType == 22 || b.b.knownType == 18)) {
+                if (b.a != null) {
+                    return true;
+                }
+            }
+            if (b.b != null && (b.b.knownType == 8 || b.b.knownType == 9)) {
+                if (this.v(a, b)) {
                     return true;
                 }
             }
             return false;
         }
-        p(a) {
+        t(a) {
             if (a.b != null && (a.b.knownType == 19)) {
                 if (a.a != null) {
                     return true;
@@ -93,150 +138,228 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        get ae() {
-            return this.x.d();
+        get ak() {
+            return this.ac.d();
         }
-        au(a) {
-            this.x.h(a);
+        a4(a) {
+            this.ac.h(a);
+        }
+        bi() {
         }
-        a7() {
+        bc(a) {
         }
-        a2(a) {
-            this.x.e();
+        bd(a) {
+            this.ac.e();
         }
-        a0(a, b, c, d) {
+        ba(a, b, c, d) {
         }
-        a1(a, b, c, d) {
-            this.a0(a, b, c, d);
+        bb(a, b, c, d) {
+            this.ba(a, b, c, d);
         }
         toString() {
             return this.d.toString();
         }
-        am() {
+        at() {
             return "null";
         }
-        ap(a, b) {
-            if (a.b == null) {
-                return a.c;
+        aw(a, b, c) {
+            if (b.b == null) {
+                return b.c;
             }
-            if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-                a.c = this.y(a);
+            if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+                b.c = this.ad(b);
             }
-            switch (a.b.knownType) {
-                case 10: return this.af(a);
-                case 7: return a.c ? "true" : "false";
-                case 4: return this.aa(a);
+            switch (b.b.knownType) {
+                case 10: return this.am(a, b);
+                case 7: return b.c ? "true" : "false";
+                case 4: return this.af(b);
                 case 6:
                     {
-                        let c = "";
-                        let d = a.c;
-                        for (let e = 0; e < d.count; e++) {
-                            if (e >= 1) {
-                                c += " ";
+                        let d = "";
+                        let e = b.c;
+                        for (let f = 0; f < e.count; f++) {
+                            if (f >= 1) {
+                                d += " ";
                             }
-                            c += this.z(d.item(e));
+                            d += this.ae(e.item(f));
                         }
-                        return c;
+                        return d;
                     }
                     break;
-                case 9: throw new NotSupportedException(1, "shouldn't get here");
-                case 5: return this.ac(a);
+                case 9:
+                    if (this.v(a, b)) {
+                        return this.ai(a, b);
+                    }
+                    throw new NotSupportedException(1, "shouldn't get here");
+                case 5: return this.ah(b);
                 case 16:
                     {
-                        let f = "";
-                        let g = a.c;
-                        for (let h = 0; h < g.count; h++) {
-                            if (h >= 1) {
-                                f += " ";
+                        let g = "";
+                        let h = b.c;
+                        for (let i = 0; i < h.count; i++) {
+                            if (i >= 1) {
+                                g += " ";
                             }
-                            f += this.ab(g.item(h));
+                            g += this.ag(h.item(i));
                         }
-                        return f;
+                        return g;
                     }
                     break;
                 case 20:
-                    if (a.a != null) {
-                        return this.ao(a);
+                    if (b.a != null) {
+                        return this.av(b);
+                    }
+                    if (b.c == null) {
+                        return this.at();
+                    }
+                    break;
+                case 22:
+                    if (b.a != null) {
+                        return this.av(b);
                     }
-                    if (a.c == null) {
-                        return this.am();
+                    if (b.c == null) {
+                        return this.at();
                     }
                     break;
                 case 15: throw new NotSupportedException(1, "need to figure this out");
                 case 3: throw new NotSupportedException(1, "need to figure this out");
                 case 19:
-                    if (a.a != null) {
-                        return this.aj(a);
+                    if (b.a != null) {
+                        return this.aq(b);
                     }
                     else {
-                        return this.am();
+                        return this.at();
                     }
                     break;
                 case 8:
-                    if (a.b.specificExternalType == "string") {
-                        return this.ai(a);
+                    if (b.b.specificExternalType == "string") {
+                        return this.ap(b);
+                    }
+                    if (b.a != null) {
+                        return this.ar(b);
                     }
-                    if (a.a != null) {
-                        return this.ak(a);
+                    if (this.v(a, b)) {
+                        return this.ai(a, b);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
                 case 13: throw new NotSupportedException(1, "shouldn't get here");
                 case 18:
-                    if (a.a != null) {
-                        return this.al(a);
+                    if (b.a != null) {
+                        return this.as(b);
                     }
                     else {
-                        return this.am();
+                        return this.at();
                     }
                     break;
-                case 1: return a.c.toString();
+                case 1: return b.c.toString();
                 case 11:
                     {
-                        let i = a.c;
-                        return i.x + ", " + i.y;
+                        let j = b.c;
+                        return j.x + ", " + j.y;
                     }
                 case 14:
                     {
-                        let j = a.c;
-                        return j.left + ", " + j.top + ", " + j.width + ", " + j.height;
+                        let k = b.c;
+                        return k.left + ", " + k.top + ", " + k.width + ", " + k.height;
                     }
                 case 12:
                     {
-                        let k = a.c;
-                        return k.width + ", " + k.height;
+                        let l = b.c;
+                        return l.width + ", " + l.height;
                     }
-                case 2: return a.c != null ? a.c.toString() : this.am();
-                case 21: return a.c.toString();
+                case 2: return b.c != null ? b.c.toString() : this.at();
+                case 21: return b.c.toString();
                 case 17:
-                    if (a.c == null) {
+                    if (b.c == null) {
                         return "null";
                     }
-                    if (typeof a.c === 'string') {
-                        return a.c.toString();
+                    if (typeof b.c === 'string') {
+                        return b.c.toString();
                     }
-                    return a.c.toString();
+                    return b.c.toString();
                 case 0: throw new NotSupportedException(1, "shouldn't get here");
             }
             return "";
         }
-        af(a) {
+        ai(a, b) {
+            let c = this.a1(a, b);
+            if (b.c != null) {
+                let d = this.i(this.l, this.j);
+                if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
+                    let e = b.c;
+                    e.r = c;
+                    e.s(d, true);
+                    let f = d.toString();
+                    for (let g of fromEnum(d.z)) {
+                        this.z.add(g);
+                    }
+                    c = this.al(a, e, f, c);
+                }
+            }
+            return c;
+        }
+        al(a, b, c, d) {
+            return d;
+        }
+        a1(a, b) {
+            if (b.c == null) {
+                return this.at();
+            }
+            if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
+                let c = b.c.n();
+                if (c != null) {
+                    return c;
+                }
+                let d = b.c.m();
+                let e = this.an(d);
+                return e;
+            }
+            else if (typeCast(IList_$type, b.c) !== null) {
+                let f = b.c;
+                if (f.count > 0 && typeCast(CodeGenerationItemBuilder.$, f.item(0)) !== null) {
+                    let g = b.c.n();
+                    if (g != null) {
+                        return g;
+                    }
+                    let h = b.c.m();
+                    let i = this.an(h);
+                    return i;
+                }
+                return this.an(b.b.propertyName);
+            }
+            else if (typeCast(Array_$type, b.c) !== null) {
+                let j = b.c;
+                if (j.length > 0 && typeCast(CodeGenerationItemBuilder.$, j[0]) !== null) {
+                    let k = b.c.n();
+                    if (k != null) {
+                        return k;
+                    }
+                    let l = b.c.m();
+                    let m = this.an(l);
+                    return m;
+                }
+                return this.an(b.b.propertyName);
+            }
+            return this.at();
+        }
+        am(a, b) {
             return "";
         }
-        y(a) {
+        ad(a) {
             return a.c;
         }
-        ao(a) {
+        av(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 if (a.a.a) {
-                    return this.ah(a);
+                    return this.ao(a);
                 }
                 else {
-                    return this.an(a);
+                    return this.au(a);
                 }
             }
-            return this.am();
+            return this.at();
         }
-        o(a) {
+        s(a) {
             if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
                 if (a.a.a) {
                     return true;
@@ -244,138 +367,144 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        an(a) {
+        au(a) {
             return "";
         }
-        ah(a) {
+        ao(a) {
             return "";
         }
-        ak(a) {
+        ar(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 return a.a.e;
             }
-            return this.am();
+            return this.at();
         }
-        ai(a) {
+        ap(a) {
             return a.c != null ? a.c.toString() : "";
         }
-        al(a) {
-            return this.aj(a);
+        as(a) {
+            return this.aq(a);
         }
-        aj(a) {
+        aq(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a8(a);
+                this.bj(a);
                 return a.a.e;
             }
-            return this.am();
+            return this.at();
         }
-        get_r() {
+        get_w() {
             return false;
         }
-        get r() {
-            return this.get_r();
+        get w() {
+            return this.get_w();
         }
-        ac(a) {
+        ah(a) {
             let b = a.c;
-            return ColorUtil.i(b, this.r);
+            return ColorUtil.i(b, this.w);
         }
-        ab(a) {
+        ag(a) {
             let b = a;
-            return ColorUtil.i(b, this.r);
+            return ColorUtil.i(b, this.w);
         }
-        aa(a) {
+        af(a) {
             if (a.c == null) {
                 return "";
             }
             let b = a.c;
-            return ColorUtil.i(b.color, this.r);
+            return ColorUtil.i(b.color, this.w);
         }
-        z(a) {
+        ae(a) {
             if (a == null) {
                 return "";
             }
             let b = a;
-            return ColorUtil.i(b.color, this.r);
+            return ColorUtil.i(b.color, this.w);
         }
-        a6(a) {
-            this.v.h(a);
-            this.w.h(false);
+        bh(a) {
+            this.aa.h(a);
+            this.ab.h(false);
         }
-        a5(a) {
-            let b = this.ag(a);
-            this.v.h(b);
-            this.w.h(true);
+        bg(a) {
+            let b = this.an(a);
+            this.aa.h(b);
+            this.ab.h(true);
         }
-        ag(a) {
-            let b = stringReplace(stringReplace(a, this.ar, ""), "Component", "");
-            b = CodeGeneratingComponentRenderer.dp(b);
-            return this.i.v(b);
+        an(a) {
+            let b = stringReplace(stringReplace(a, this.a0, ""), "Component", "");
+            b = CodeGeneratingComponentRenderer.d2(b);
+            return this.j.v(b);
         }
-        a3() {
-            this.v.e();
-            this.w.e();
+        be() {
+            this.ax = this.aa.e();
+            this.ab.e();
         }
-        get_ar() {
+        get_a0() {
             return "";
         }
-        get ar() {
-            return this.get_ar();
+        get a0() {
+            return this.get_a0();
         }
-        get ad() {
-            if (this.v.f > 0) {
-                return this.v.d();
+        get aj() {
+            if (this.aa.f > 0) {
+                return this.aa.d();
             }
-            let a = stringReplace(stringReplace(this.ae, this.ar, ""), "Component", "");
-            return CodeGeneratingComponentRenderer.dp(a);
+            let a = stringReplace(stringReplace(this.ak, this.a0, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.d2(a);
         }
-        get q() {
-            return this.x.f == 1;
+        get u() {
+            return this.ac.f == 1;
         }
-        get l() {
-            if (this.w.f == 0) {
+        get o() {
+            if (this.ab.f == 0) {
                 return false;
             }
-            return this.w.d();
+            return this.ab.d();
         }
-        get m() {
-            if (this.v.f > 0) {
+        get p() {
+            if (this.aa.f > 0) {
                 return true;
             }
             return false;
         }
-        get_s() {
+        get_x() {
             return true;
         }
-        get s() {
-            return this.get_s();
+        get x() {
+            return this.get_x();
+        }
+        get_n() {
+            return this.r;
         }
-        a4() {
-            this.v.e();
+        get n() {
+            return this.get_n();
         }
-        aw(a) {
+        bf() {
+            this.ax = this.aa.e();
+        }
+        a6(a) {
             let b = this.f.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        az(a) {
+        a9(a) {
             let b = this.g.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        av(a) {
+        a5(a) {
             let b = this.e.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        ax(a) {
-            if (this.u.count > 0) {
-                this.ay(this.u, a);
+        a7(a, b) {
+            if (this.z.count > 0) {
+                this.a8(a, this.z, b);
             }
         }
-        ay(a, b) {
+        a8(a, b, c) {
         }
     }
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
@@ -388,79 +517,131 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class BlazorRazorCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bb = 0;
-            this.a9 = new HashSet$1(String_$type, 0);
-            this.ba = new HashSet$1(String_$type, 0);
+            this.bm = 0;
+            this.bk = new HashSet$1(String_$type, 0);
+            this.bl = new HashSet$1(String_$type, 0);
         }
-        get_s() {
+        get_r() {
             return false;
         }
-        bc(a, b) {
-            if (b.c == null) {
+        get r() {
+            return this.get_r();
+        }
+        al(a, b, c, d) {
+            d = super.al(a, b, c, d);
+            this.f.l("private " + b.m() + " _" + CodeGeneratingComponentRenderer.d2(d) + " = null;");
+            this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.d3(d));
+            this.f.l("{");
+            this.f.h();
+            this.f.l("get");
+            this.f.l("{");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k(c);
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.f();
+            this.f.l("}");
+            return CodeGeneratingComponentRenderer.d3(d);
+        }
+        i(a, b) {
+            return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        get_x() {
+            return false;
+        }
+        bn(a, b, c) {
+            if (c.c == null) {
                 return "null";
             }
-            let c = b.c;
-            let d = "@(new " + a + "[] { ";
-            for (let e = 0; e < c.length; e++) {
-                if (e > 0) {
-                    d += ", ";
-                }
-                d += "\"" + c[e] + "\"";
+            let d = c.c;
+            let e = b;
+            let f = new CodeGenerationItemBuilderPropertyInfo();
+            f.b = ((() => {
+                let $ret = new TypeDescriptionMetadata();
+                $ret.propertyName = c.b.propertyName;
+                $ret.specificType = b;
+                $ret.specificExternalType = b;
+                return $ret;
+            })());
+            f.b.knownType = 8;
+            f.b.owningType = c.b.owningType;
+            if (f.b.specificType == "string") {
+                f.b.knownType = 2;
             }
-            d += " })";
-            return d;
-        }
-        af(a) {
-            if (a.b.specificExternalType == "string") {
-                return this.bc(a.b.specificExternalType, a);
+            if (f.b.specificType == "int") {
+                f.b.knownType = 1;
             }
-            if (a.c == null) {
-                return "null";
+            if (f.b.specificType == "double") {
+                f.b.knownType = 1;
             }
-            let b = a.c;
-            let c = "";
-            for (let d = 0; d < b.length; d++) {
-                if (d > 0) {
-                    c += ", ";
+            if (f.b.knownType == 8) {
+                e = this.a0 + e;
+            }
+            let g = "@(new " + e + "[] { ";
+            for (let h = 0; h < d.length; h++) {
+                if (h > 0) {
+                    g += ", ";
+                }
+                f.c = d[h];
+                if (f.b.knownType == 2) {
+                    g += "\"" + this.aw(a, f, true) + "\"";
+                }
+                else {
+                    g += this.aw(a, f, true);
                 }
-                c += b[d];
             }
-            return c;
+            g += " })";
+            return g;
         }
-        au(a) {
-            super.au(a);
-            this.h.k("<" + a + "");
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                if (!this.ba.contains(this.ae)) {
-                    this.ba.add_1(this.ae);
-                    this.at(this.ae);
+        am(a, b) {
+            let c = b.b.specificType;
+            if (c == null) {
+                c = b.b.specificExternalType;
+            }
+            return this.bn(a, c, b);
+        }
+        a4(a) {
+            super.a4(a);
+            this.h.l("<" + a + "");
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
                 }
-                this.f.k("private " + this.ae + " " + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
-                if (!this.m) {
-                    if (this.q) {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                if (!this.p) {
+                    if (this.u) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                     }
                 }
                 else {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                 }
             }
         }
-        a7() {
-            this.h.k(">");
+        bi() {
+            this.h.l(">");
             this.h.h();
         }
-        a2(a) {
+        bd(a) {
             this.h.f();
-            this.h.k("</" + a + ">");
-            super.a2(a);
+            this.h.l("</" + a + ">");
+            this.h.l("");
+            super.bd(a);
         }
-        a0(a, b, c, d) {
-            if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
-                this.a8(c);
+        ba(a, b, c, d) {
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+                this.bj(c);
                 if (a > 0) {
-                    this.h.k("");
+                    this.h.l("");
                 }
                 if (c.a == null || c.a.e == null) {
                     this.h.j(b + "Name=\"@null\"");
@@ -470,93 +651,106 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
                 return;
             }
-            if (this.o(c)) {
-                this.a8(c);
-                if (!this.a9.contains(this.ad)) {
-                    this.a9.add_1(this.ad);
-                    if (!this.ba.contains(this.ae)) {
-                        this.ba.add_1(this.ae);
-                        this.at(this.ae);
-                    }
-                    this.f.k("private " + this.ae + " " + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
-                    if (!this.m) {
-                        if (this.q) {
-                            this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+            if (this.s(c)) {
+                this.bj(c);
+                if (!this.bk.contains(this.aj)) {
+                    this.bk.add_1(this.aj);
+                    if (!this.bl.contains(this.ak)) {
+                        this.bl.add_1(this.ak);
+                        this.a3(this.ak);
+                    }
+                    this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                    if (!this.p) {
+                        if (this.u) {
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                         }
                     }
                     else {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                     }
                 }
-                let e = CodeGeneratingComponentRenderer.dp(this.ap(c, true));
+                let e = CodeGeneratingComponentRenderer.d2(this.aw(d, c, true));
                 let f = e;
                 if (f != "null" && !stringStartsWith(f, "this.")) {
                     f = "this." + f;
                 }
-                this.e.k(CodeGeneratingComponentRenderer.dp(this.ad) + "." + b + " = " + f + ";");
+                this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "." + b + " = " + f + ";");
                 return;
             }
             if (a > 0) {
-                this.h.k("");
+                this.h.l("");
             }
             let g = false;
             if (b == "ComponentRenderer" && (c.b.owningType == "PropertyEditor" || c.b.owningType == "PropertyEditorPanel")) {
                 g = true;
             }
             if (!g) {
+                if (c.a != null && c.a.e != null) {
+                    if (this.m != null) {
+                        if (this.m.library != null) {
+                            if (this.m.library.hasItem(c.a.e)) {
+                                let h = this.m.library.getItem(c.a.e);
+                                let i = h.getContentForPlatform(5);
+                                if (i != null && i.isJSContent) {
+                                    b = b + "Script";
+                                }
+                            }
+                        }
+                    }
+                }
                 this.h.j(b);
                 this.h.j("=");
                 this.h.j("\"");
-                this.h.j(this.ap(c, true));
+                this.h.j(this.aw(d, c, true));
                 this.h.j("\"");
             }
             if (b == "Name") {
-                this.h.k("");
-                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.dp(this.ap(c, true)) + "\"");
+                this.h.l("");
+                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d2(this.aw(d, c, true)) + "\"");
             }
         }
-        ai(a) {
+        ap(a) {
             let b = a.b != null ? a.b.specificType + "." : "";
             return b + (a.c != null ? a.c.toString() : "");
         }
-        ap(a, b) {
-            if (a.b == null) {
-                return a.c;
+        aw(a, b, c) {
+            if (b.b == null) {
+                return b.c;
             }
-            if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-                a.c = this.y(a);
+            if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+                b.c = this.ad(b);
             }
-            switch (a.b.knownType) {
+            switch (b.b.knownType) {
                 case 11:
                     {
-                        let c = a.c;
-                        return "@(new Point(" + c.x + ", " + c.y + "))";
+                        let d = b.c;
+                        return "@(new Point(" + d.x + ", " + d.y + "))";
                     }
                 case 14:
                     {
-                        let d = a.c;
-                        return "@(new Rect(" + d.left + ", " + d.top + ", " + d.width + ", " + d.height + "))";
+                        let e = b.c;
+                        return "@(new Rect(" + e.left + ", " + e.top + ", " + e.width + ", " + e.height + "))";
                     }
                 case 12:
                     {
-                        let e = a.c;
-                        return "@(new Size(" + e.width + ", " + e.height + "))";
+                        let f = b.c;
+                        return "@(new Size(" + f.width + ", " + f.height + "))";
                     }
                 case 17:
-                    if (a.c == null) {
+                    if (b.c == null) {
                         return "null";
                     }
-                    if (typeof a.c === 'string') {
-                        return "@(\"" + a.c.toString() + "\")";
+                    if (typeof b.c === 'string') {
+                        return "@(\"" + b.c.toString() + "\")";
                     }
-                    if (typeCast(Boolean_$type, a.c) !== null) {
-                        return a.c ? "true" : "false";
+                    if (typeCast(Boolean_$type, b.c) !== null) {
+                        return b.c ? "true" : "false";
                     }
-                    return a.c.toString();
+                    return b.c.toString();
             }
-            return super.ap(a, b);
+            return super.aw(a, b, c);
         }
-        y(a) {
+        ad(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -566,28 +760,28 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        am() {
+        at() {
             return "@null";
         }
-        ah(a) {
-            return CodeGeneratingComponentRenderer.dp(CodeGeneratingComponentRenderer.dp(a.a.e));
+        ao(a) {
+            return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
         }
-        bd(a) {
+        bo(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.dq(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
-        an(a) {
-            this.a8(a);
-            return CodeGeneratingComponentRenderer.dq(a.a.e);
+        au(a) {
+            this.bj(a);
+            return CodeGeneratingComponentRenderer.d3(a.a.e);
         }
-        a1(a, b, c, d) {
+        bb(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
@@ -595,11 +789,11 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.p(this, false);
+                    h.s(this, false);
                 }
             }
         }
-        get_ar() {
+        get_a0() {
             return "Igb";
         }
     }
@@ -613,10 +807,253 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
     class BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
+            this.bm = 0;
+            this.bk = new HashSet$1(String_$type, 0);
+            this.bl = new HashSet$1(String_$type, 0);
         }
-        get_s() {
+        get_r() {
+            return true;
+        }
+        get r() {
+            return this.get_r();
+        }
+        i(a, b) {
+            return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        get_x() {
             return false;
         }
+        bn(a, b) {
+            if (b.c == null) {
+                return "null";
+            }
+            let c = b.c;
+            let d = "new " + a + "[] { ";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
+                }
+                d += "\"" + c[e] + "\"";
+            }
+            d += " }";
+            return d;
+        }
+        am(a, b) {
+            if (b.b.specificExternalType == "string") {
+                return this.bn(b.b.specificExternalType, b);
+            }
+            if (b.c == null) {
+                return "null";
+            }
+            let c = b.c;
+            let d = "";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
+                }
+                d += c[e];
+            }
+            return d;
+        }
+        a4(a) {
+            super.a4(a);
+            if (this.u) {
+                this.h.l("var " + this.aj + " = new " + a + "();");
+            }
+            else {
+                this.h.l("var " + this.aj + " = new " + a + "();");
+            }
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
+                }
+                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                if (!this.p) {
+                    if (this.u) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                    }
+                }
+                else {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                }
+            }
+        }
+        bi() {
+        }
+        bd(a) {
+            super.bd(a);
+        }
+        ba(a, b, c, d) {
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+                this.bj(c);
+                if (a > 0) {
+                    this.h.l("");
+                }
+                if (c.a == null || c.a.e == null) {
+                    this.h.j(this.aj + "." + b + "Name = null;");
+                }
+                else {
+                    this.h.j(this.aj + "." + b + "Name = " + c.a.e + ";");
+                }
+                return;
+            }
+            if (this.s(c)) {
+                this.bj(c);
+                if (!this.bk.contains(this.aj)) {
+                    this.bk.add_1(this.aj);
+                    if (!this.bl.contains(this.ak)) {
+                        this.bl.add_1(this.ak);
+                        this.a3(this.ak);
+                    }
+                    this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                    if (!this.p) {
+                        if (this.u) {
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                        }
+                    }
+                    else {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
+                    }
+                }
+                let e = CodeGeneratingComponentRenderer.d2(this.aw(d, c, true));
+                let f = e;
+                if (f != "null" && !stringStartsWith(f, "this.")) {
+                    f = "this." + f;
+                }
+                this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "." + b + " = " + f + ";");
+                return;
+            }
+            if (a > 0) {
+                this.h.l("");
+            }
+            let g = false;
+            if (b == "ComponentRenderer" && (c.b.owningType == "PropertyEditor" || c.b.owningType == "PropertyEditorPanel")) {
+                g = true;
+            }
+            if (!g) {
+                let h = false;
+                if (c.a != null && c.a.e != null) {
+                    if (this.m != null) {
+                        if (this.m.library != null) {
+                            if (this.m.library.hasItem(c.a.e)) {
+                                let i = this.m.library.getItem(c.a.e);
+                                let j = i.getContentForPlatform(5);
+                                if (j != null && j.isJSContent) {
+                                    b = b + "Script";
+                                    h = true;
+                                }
+                            }
+                        }
+                    }
+                }
+                this.h.j(this.aj + ".");
+                this.h.j(b);
+                this.h.j(" = ");
+                if (h) {
+                    this.h.j("\"" + this.aw(d, c, true) + "\"");
+                }
+                else {
+                    this.h.j(this.aw(d, c, true));
+                }
+                this.h.j(";");
+            }
+        }
+        ap(a) {
+            let b = a.b != null ? a.b.specificType + "." : "";
+            return b + (a.c != null ? a.c.toString() : "");
+        }
+        aw(a, b, c) {
+            if (b.b == null) {
+                return "\"" + b.c + "\"";
+            }
+            if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+                b.c = this.ad(b);
+            }
+            switch (b.b.knownType) {
+                case 11:
+                    {
+                        let d = b.c;
+                        return "new Point(" + d.x + ", " + d.y + ")";
+                    }
+                case 14:
+                    {
+                        let e = b.c;
+                        return "new Rect(" + e.left + ", " + e.top + ", " + e.width + ", " + e.height + ")";
+                    }
+                case 12:
+                    {
+                        let f = b.c;
+                        return "new Size(" + f.width + ", " + f.height + ")";
+                    }
+                case 17:
+                    if (b.c == null) {
+                        return "null";
+                    }
+                    if (typeof b.c === 'string') {
+                        return "\"" + b.c.toString() + "\"";
+                    }
+                    if (typeCast(Boolean_$type, b.c) !== null) {
+                        return b.c ? "true" : "false";
+                    }
+                    return b.c.toString();
+                case 5:
+                case 6:
+                case 16:
+                case 2: return "\"" + super.aw(a, b, c) + "\"";
+                case 9: throw new NotSupportedException(1, "shouldn't get here");
+            }
+            return super.aw(a, b, c);
+        }
+        ad(a) {
+            let b = a.c;
+            switch (b.a) {
+                case 3: return b.b;
+                case 0: return b.b;
+                case 1: return b.b;
+                case 2: return b.b;
+            }
+            return b.b;
+        }
+        at() {
+            return "null";
+        }
+        ao(a) {
+            return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
+        }
+        bo(a) {
+            a = stringReplace(a, "-", "_");
+            return CodeGeneratingComponentRenderer.d3(a);
+        }
+        au(a) {
+            this.bj(a);
+            return CodeGeneratingComponentRenderer.d3(a.a.e);
+        }
+        bb(a, b, c, d) {
+            if (c.b.knownType == 9) {
+                let e = typeCast(IList_$type, c.c);
+                if (e != null) {
+                    for (let f of fromEn(e)) {
+                        if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
+                            let g = f;
+                            g.s(this, false);
+                            this.h.l(this.aj + "." + b + ".Add(" + this.ax + ");");
+                        }
+                    }
+                }
+            }
+            else {
+                if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
+                    let h = c.c;
+                    h.s(this, false);
+                    this.h.l(this.aj + "." + b + " = " + this.ax + ";");
+                }
+            }
+        }
+        get_a0() {
+            return "Igb";
+        }
     }
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
     return BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -628,95 +1065,122 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class ReactMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.a9 = new HashSet$1(String_$type, 0);
-            this.ba = new HashSet$1(String_$type, 0);
+            this.bk = new HashSet$1(String_$type, 0);
+            this.bl = new HashSet$1(String_$type, 0);
         }
-        af(a) {
-            if (a.c == null) {
+        get_r() {
+            return false;
+        }
+        get r() {
+            return this.get_r();
+        }
+        al(a, b, c, d) {
+            d = super.al(a, b, c, d);
+            let e = b.p();
+            this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d2(d) + ": " + e + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.d2(d) + "(): " + e + " {");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k(c);
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
+            this.f.f();
+            this.f.l("}");
+            return CodeGeneratingComponentRenderer.d3(d);
+        }
+        i(a, b) {
+            return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        am(a, b) {
+            if (b.c == null) {
                 return "{null}";
             }
-            let b = a.c;
-            let c = "[";
-            for (let d = 0; d < b.length; d++) {
-                if (d > 0) {
-                    c += ", ";
+            let c = b.c;
+            let d = "[";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
                 }
-                c += "\"" + b[d].toString() + "\"";
+                d += "\"" + c[e].toString() + "\"";
             }
-            c += "]";
-            return c;
+            d += "]";
+            return d;
         }
-        get_r() {
+        get_w() {
             return true;
         }
-        get_ar() {
+        get_a0() {
             return "Igr";
         }
-        au(a) {
-            super.au(a);
-            this.h.k("<" + this.bc(a) + "");
+        a4(a) {
+            super.a4(a);
+            this.h.l("<" + this.bn(a) + "");
             this.h.h();
-            if (!this.ba.contains(this.ae)) {
-                this.ba.add_1(this.ae);
-                this.at(this.ae);
-            }
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
-                if (this.q) {
-                    this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref(r: " + this.ae + ") {");
+            if (!this.bl.contains(this.ak)) {
+                this.bl.add_1(this.ak);
+                this.a3(this.ak);
+            }
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
+                if (this.u) {
+                    this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + "Ref(r: " + this.ak + ") {");
                     this.f.h();
-                    this.f.k("this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = r;");
-                    this.f.k("this.setState({});");
+                    this.f.l("this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = r;");
+                    this.f.l("this.setState({});");
                     this.f.f();
-                    this.f.k("}");
-                    this.g.k("this." + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref = " + "this." + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref.bind(this);");
+                    this.f.l("}");
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(this.aj) + "Ref = " + "this." + CodeGeneratingComponentRenderer.d2(this.aj) + "Ref.bind(this);");
                 }
             }
         }
-        bc(a) {
+        bn(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.dq(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
-        a7() {
-            if (!this.q && !this.m) {
-                let a = this.bb();
-                this.h.k("");
-                this.h.k("name=\"" + a + "\"");
+        bi() {
+            if (!this.u && !this.p) {
+                let a = this.bm();
+                this.h.l("");
+                this.h.l("name=\"" + a + "\"");
             }
             this.h.f();
-            this.h.k(">");
+            this.h.l(">");
             this.h.h();
         }
-        bb() {
-            let a = CodeGeneratingComponentRenderer.dp(stringReplace(stringReplace(this.ae, this.ar, ""), "Component", ""));
-            a = this.j.u(a);
+        bm() {
+            let a = CodeGeneratingComponentRenderer.d2(stringReplace(stringReplace(this.ak, this.a0, ""), "Component", ""));
+            a = this.k.u(a);
             return a;
         }
-        aj(a) {
+        aq(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a8(a);
-                if (!this.a9.contains(a.a.e)) {
-                    this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
+                this.bj(a);
+                if (!this.bk.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
             }
-            return this.am();
+            return this.at();
         }
-        a2(a) {
+        bd(a) {
             this.h.f();
-            this.h.k("</" + this.bc(a) + ">");
-            super.a2(a);
-        }
-        a0(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.dp(b);
-            let f = this.ap(c, true);
-            if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
-                this.a8(c);
+            this.h.l("</" + this.bn(a) + ">");
+            super.bd(a);
+        }
+        ba(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
+            let f = this.aw(d, c, true);
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+                this.bj(c);
                 if (a > 0) {
-                    this.h.k("");
+                    this.h.l("");
                 }
                 if (c.a == null || c.a.e == null) {
                     this.h.j(e + "Name={null}");
@@ -726,36 +1190,222 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 }
                 return;
             }
-            if (!(e == "name") || !this.q) {
+            if (!(e == "name") || !this.u) {
                 let g = (c.b != null && c.b.knownType == 10);
-                if (this.n(c) || g) {
-                    this.a8(c);
+                if (this.q(d, c) || g) {
+                    this.bj(c);
                     f = "{" + f + "}";
                 }
                 if (a > 0) {
-                    this.h.k("");
+                    this.h.l("");
                 }
                 this.h.j(e);
                 this.h.j("=");
-                if (!this.n(c) && !g) {
+                if (!this.q(d, c) && !g) {
                     this.h.j("\"");
                 }
                 this.h.j(f);
-                if (!this.n(c) && !g) {
+                if (!this.q(d, c) && !g) {
                     this.h.j("\"");
                 }
                 a++;
             }
             if (e == "name") {
-                if (this.q) {
+                if (this.u) {
                     if (a > 0) {
-                        this.h.k("");
+                        this.h.l("");
+                    }
+                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.d2(this.aw(d, c, true)) + "Ref}");
+                }
+            }
+        }
+        ad(a) {
+            let b = a.c;
+            switch (b.a) {
+                case 3: return b.b;
+                case 0: return b.b;
+                case 1: return b.b;
+                case 2: return b.b;
+            }
+            return b.b;
+        }
+        at() {
+            return "null";
+        }
+        ao(a) {
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
+        }
+        au(a) {
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
+        }
+        bb(a, b, c, d) {
+            if (c.b.knownType == 9) {
+                let e = typeCast(IList_$type, c.c);
+                if (e != null) {
+                    for (let f of fromEn(e)) {
+                        if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
+                            let g = f;
+                            g.s(this, false);
+                        }
                     }
-                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.dp(this.ap(c, true)) + "Ref}");
                 }
             }
+            else {
+                if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
+                    let h = c.c;
+                    h.s(this, false);
+                }
+            }
+        }
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
+        }
+    }
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    return ReactMarkupCodeGeneratingComponentRendererCodeEmitter;
+})();
+/**
+ * @hidden
+ */
+export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
+    class WebCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
+        constructor(a, b) {
+            super(a, b);
+            this.bm = 0;
+            this.bk = new HashSet$1(String_$type, 0);
+            this.bl = new HashSet$1(String_$type, 0);
+        }
+        get_r() {
+            return true;
+        }
+        get r() {
+            return this.get_r();
+        }
+        ap(a) {
+            if (!this.bl.contains(a.b.specificType)) {
+                this.bl.add_1(a.b.specificType);
+                this.a3(a.b.specificType);
+            }
+            let b = a.b != null ? a.b.specificType + "." : "";
+            return b + (a.c != null ? a.c.toString() : "");
+        }
+        am(a, b) {
+            if (b.c == null) {
+                return "null";
+            }
+            let c = b.c;
+            let d = "[";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
+                }
+                d += c[e];
+            }
+            return d + "]";
+        }
+        get_w() {
+            return true;
+        }
+        a4(a) {
+            super.a4(a);
+            if (a == "any") {
+                if (this.u) {
+                    this.h.l("var " + this.aj + ": any = {};");
+                }
+                else {
+                    this.h.l("var " + this.aj + ": any = {};");
+                }
+            }
+            else {
+                if (this.u) {
+                    this.h.l("var " + this.aj + " = new " + a + "();");
+                }
+                else {
+                    this.h.l("var " + this.aj + " = new " + a + "();");
+                }
+            }
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
+                }
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
+                if (!this.p) {
+                    if (this.u) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
+                    }
+                }
+                else {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+                }
+            }
+        }
+        bn(a) {
+            if (stringEndsWith(a, "Component")) {
+                a = a.substr(0, a.length - ("Component").length);
+            }
+            return CodeGeneratingComponentRenderer.d4(a);
+        }
+        bi() {
+            this.h.l("");
+        }
+        bc(a) {
+        }
+        bd(a) {
+            {
+                this.h.l("");
+            }
+            super.bd(a);
+        }
+        ba(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
+            if (this.s(c)) {
+                this.bj(c);
+                if (!this.bk.contains(this.aj)) {
+                    this.bk.add_1(this.aj);
+                    if (!this.bl.contains(this.ak)) {
+                        this.bl.add_1(this.ak);
+                        this.a3(this.ak);
+                    }
+                    this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
+                    if (!this.p) {
+                        if (this.u) {
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
+                        }
+                    }
+                    else {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+                    }
+                }
+                let f = CodeGeneratingComponentRenderer.d2(this.aw(d, c, true));
+                let g = f;
+                if (g != "null" && !stringStartsWith(g, "this.")) {
+                    g = "this." + g;
+                }
+                if (this.ak == "any" && stringContains(e, "-")) {
+                    this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "['" + e + "'] = " + g + ";");
+                }
+                else {
+                    this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "." + e + " = " + g + ";");
+                }
+                return;
+            }
+            if (a > 0) {
+                this.h.l("");
+            }
+            if (this.ak == "any" && stringContains(e, "-")) {
+                this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d2(this.aj) + "['" + e + "']");
+            }
+            else {
+                this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d2(e));
+            }
+            this.h.j(" = ");
+            this.h.j(this.aw(d, c, true));
+            this.h.j(";");
         }
-        y(a) {
+        ad(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -765,54 +1415,131 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        am() {
+        at() {
             return "null";
         }
-        ah(a) {
-            return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+        ao(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        an(a) {
-            return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+        au(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
+        }
+        aq(a) {
+            if (!stringIsNullOrEmpty(a.a.e)) {
+                this.bj(a);
+                if (!this.bk.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
+                }
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
+            }
+            return this.at();
+        }
+        aw(a, b, c) {
+            if (b.b == null) {
+                return "\"" + b.c + "\"";
+            }
+            if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+                b.c = this.ad(b);
+            }
+            switch (b.b.knownType) {
+                case 11:
+                    {
+                        let d = b.c;
+                        return "{ x: " + d.x + ", y: " + d.y + "}";
+                    }
+                case 14:
+                    {
+                        let e = b.c;
+                        return "{ left: " + e.left + ", top: " + e.top + ", width: " + e.width + ", height: " + e.height + "}";
+                    }
+                case 12:
+                    {
+                        let f = b.c;
+                        return "{ width: " + f.width + ", height: " + f.height + "}";
+                    }
+                case 17:
+                    if (b.c == null) {
+                        return "null";
+                    }
+                    if (typeof b.c === 'string') {
+                        return "\"" + b.c.toString() + "\"";
+                    }
+                    if (typeCast(Boolean_$type, b.c) !== null) {
+                        return b.c ? "true" : "false";
+                    }
+                    return b.c.toString();
+                case 5:
+                case 6:
+                case 16:
+                case 2: return "\"" + super.aw(a, b, c) + "\"";
+                case 9: throw new NotSupportedException(1, "shouldn't get here");
+            }
+            return super.aw(a, b, c);
         }
-        a1(a, b, c, d) {
+        bb(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
-                    for (let f of fromEn(e)) {
-                        if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
-                            let g = f;
-                            g.p(this, false);
+                    let f = true;
+                    for (let g of fromEn(e)) {
+                        if (typeCast(CodeGenerationItemBuilder.$, g) !== null) {
+                            let h = g;
+                            h.s(this, false);
+                            let i = c.b.owningType;
+                            let j = d.getMetadata(i, "__isPlainObject");
+                            let k = false;
+                            if (j != null) {
+                                k = true;
+                            }
+                            if (k) {
+                                if (f) {
+                                    f = false;
+                                    this.h.l(this.aj + "." + b + " = []");
+                                }
+                                this.h.l(this.aj + "." + b + ".push(" + this.ax + ");");
+                            }
+                            else {
+                                this.h.l(this.aj + "." + b + ".add(" + this.ax + ");");
+                            }
                         }
                     }
                 }
             }
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
-                    let h = c.c;
-                    h.p(this, false);
+                    let l = c.c;
+                    l.s(this, false);
+                    this.h.l(this.aj + "." + b + " = " + this.ax + ";");
                 }
             }
         }
-        ay(a, b) {
-            super.ay(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-react-" + this.aq, c);
-            }
-        }
     }
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
-    return ReactMarkupCodeGeneratingComponentRendererCodeEmitter;
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    return WebCodeBehindCodeGeneratingComponentRendererCodeEmitter;
 })();
 /**
  * @hidden
  */
 export let ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
-    class ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
+    class ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter extends WebCodeBehindCodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
         }
+        get_r() {
+            return true;
+        }
+        i(a, b) {
+            return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        get_a0() {
+            return "Igc";
+        }
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
+        }
     }
-    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter;
 })();
 /**
@@ -822,113 +1549,138 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
     class WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bb = 0;
-            this.a9 = new HashSet$1(String_$type, 0);
-            this.ba = new HashSet$1(String_$type, 0);
+            this.bm = 0;
+            this.bk = new HashSet$1(String_$type, 0);
+            this.bl = new HashSet$1(String_$type, 0);
         }
-        af(a) {
-            if (a.c == null) {
+        get_r() {
+            return false;
+        }
+        get r() {
+            return this.get_r();
+        }
+        i(a, b) {
+            return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        al(a, b, c, d) {
+            d = super.al(a, b, c, d);
+            let e = b.p();
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d2(d) + ": " + e + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.d2(d) + "(): " + e + " {");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k(c);
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
+            this.f.f();
+            this.f.l("}");
+            return CodeGeneratingComponentRenderer.d3(d);
+        }
+        am(a, b) {
+            if (b.c == null) {
                 return "null";
             }
-            let b = a.c;
-            let c = "";
-            for (let d = 0; d < b.length; d++) {
-                if (d > 0) {
-                    c += ", ";
+            let c = b.c;
+            let d = "";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
                 }
-                c += b[d];
+                d += c[e];
             }
-            return c;
+            return d;
         }
-        get_r() {
+        get_w() {
             return true;
         }
-        au(a) {
-            super.au(a);
-            this.h.k("<" + this.bc(a) + "");
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                if (!this.ba.contains(this.ae)) {
-                    this.ba.add_1(this.ae);
-                    this.at(this.ae);
+        a4(a) {
+            super.a4(a);
+            this.h.l("<" + this.bn(a) + "");
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
                 }
-                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
-                if (!this.m) {
-                    if (this.q) {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ae, "Component", "")) + "') as " + this.ae + ";");
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
+                if (!this.p) {
+                    if (this.u) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
                     }
                 }
                 else {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.getElementById('" + this.ad + "') as " + this.ae + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
                 }
             }
         }
-        bc(a) {
+        bn(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.dr(a);
+            return CodeGeneratingComponentRenderer.d4(a);
         }
-        a7() {
-            this.h.k(">");
+        bi() {
+            this.h.l(">");
             this.h.h();
         }
-        a2(a) {
+        bd(a) {
             this.h.f();
-            this.h.k("</" + this.bc(a) + ">");
-            super.a2(a);
+            this.h.l("</" + this.bn(a) + ">");
+            super.bd(a);
         }
-        get_ar() {
+        get_a0() {
             return "Igc";
         }
-        ay(a, b) {
-            super.ay(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-webcomponents-" + this.aq, c);
-            }
-        }
-        a0(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.dp(b);
-            if (this.n(c)) {
-                this.a8(c);
-                if (!this.a9.contains(this.ad)) {
-                    this.a9.add_1(this.ad);
-                    if (!this.ba.contains(this.ae)) {
-                        this.ba.add_1(this.ae);
-                        this.at(this.ae);
-                    }
-                    this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
-                    if (!this.m) {
-                        if (this.q) {
-                            this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ae, "Component", "")) + "') as " + this.ae + ";");
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
+        }
+        ba(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
+            if (this.q(d, c)) {
+                this.bj(c);
+                if (!this.bk.contains(this.aj)) {
+                    this.bk.add_1(this.aj);
+                    if (!this.bl.contains(this.ak)) {
+                        this.bl.add_1(this.ak);
+                        this.a3(this.ak);
+                    }
+                    this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
+                    if (!this.p) {
+                        if (this.u) {
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
                         }
                     }
                     else {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.getElementById('" + this.ad + "') as " + this.ae + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.dp(this.ap(c, true));
+                let f = CodeGeneratingComponentRenderer.d2(this.aw(d, c, true));
                 let g = f;
                 if (g != "null" && !stringStartsWith(g, "this.")) {
                     g = "this." + g;
                 }
-                this.e.k(CodeGeneratingComponentRenderer.dp(this.ad) + "." + e + " = " + g);
+                this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "." + e + " = " + g);
                 return;
             }
             if (a > 0) {
-                this.h.k("");
+                this.h.l("");
             }
-            this.h.j(CodeGeneratingComponentRenderer.dr(e));
+            this.h.j(CodeGeneratingComponentRenderer.d4(e));
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.ap(c, true));
+            this.h.j(this.aw(d, c, true));
             this.h.j("\"");
             if (e == "name") {
-                this.h.k("");
-                this.h.j("id =\"" + this.ap(c, true) + "\"");
+                this.h.l("");
+                this.h.j("id =\"" + this.aw(d, c, true) + "\"");
             }
         }
-        y(a) {
+        ad(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -938,33 +1690,33 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             }
             return b.b;
         }
-        am() {
+        at() {
             return "null";
         }
-        ah(a) {
-            return CodeGeneratingComponentRenderer.dp(a.a.e);
+        ao(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        an(a) {
-            return CodeGeneratingComponentRenderer.dp(a.a.e);
+        au(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        aj(a) {
+        aq(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a8(a);
-                if (!this.a9.contains(a.a.e)) {
-                    this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
+                this.bj(a);
+                if (!this.bk.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
             }
-            return this.am();
+            return this.at();
         }
-        a1(a, b, c, d) {
+        bb(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
@@ -972,7 +1724,7 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.p(this, false);
+                    h.s(this, false);
                 }
             }
         }
@@ -984,14 +1736,95 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
  * @hidden
  */
 export let WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
-    class WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
+    class WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter extends WebCodeBehindCodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
         }
+        i(a, b) {
+            return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        get_a0() {
+            return "Igc";
+        }
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
+        }
     }
-    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter;
 })();
+/**
+ * @hidden
+ */
+export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() => {
+    class TSCodeGeneratingComponentRendererHandlerEmitter extends CodeGeneratingComponentRendererHandlerEmitter {
+        constructor(a, b, c) {
+            super(a, b);
+            this.u = 0;
+            this.u = c;
+        }
+        r(a, b) {
+            super.r(a, b);
+            this.f.l("this." + CodeGeneratingComponentRenderer.d2(a) + "();");
+        }
+        s(a, b) {
+            super.s(a, b);
+            this.g.l("this." + CodeGeneratingComponentRenderer.d2(a) + "();");
+        }
+        get v() {
+            switch (this.u) {
+                case 1: return "angular";
+                case 2: return "react";
+                case 3: return "webcomponents";
+            }
+            return "";
+        }
+        get w() {
+            switch (this.u) {
+                case 1: return "Igx";
+                case 2: return "Igr";
+                case 3: return "Igc";
+            }
+            return "";
+        }
+        t(a, b) {
+            super.t(a, b);
+            let c = new CodeGeneratingRegexHelper("import {([^}]+)}\\s+from\\s+['\"]([^'\"]+)['\"]");
+            c.execute(b, (d, e, f) => {
+                let g = d(1);
+                let h = d(2);
+                h = stringReplace(h, "webcomponents", this.v);
+                h = stringReplace(h, "react", this.v);
+                h = stringReplace(h, "angular", this.v);
+                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.w + l.substr(3);
+                    }
+                    if (stringStartsWith(l, "Igr")) {
+                        l = this.w + l.substr(3);
+                    }
+                    if (stringStartsWith(l, "Igx")) {
+                        l = this.w + l.substr(3);
+                    }
+                    if (stringStartsWith(l, "Igr") && stringEndsWith(l, "Component")) {
+                        l = l.substr(0, l.length - ("Component").length);
+                    }
+                    a.addPackageImport(h.trim(), l.trim());
+                }
+                return null;
+            });
+        }
+        o(a) {
+            return a;
+        }
+    }
+    TSCodeGeneratingComponentRendererHandlerEmitter.$t = markType(TSCodeGeneratingComponentRendererHandlerEmitter, 'TSCodeGeneratingComponentRendererHandlerEmitter', CodeGeneratingComponentRendererHandlerEmitter.$);
+    return TSCodeGeneratingComponentRendererHandlerEmitter;
+})();
 /**
  * @hidden
  */
@@ -1002,7 +1835,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             this.ak = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
         }
         v(a, b = false) {
-            a = CodeGeneratingComponentRenderer.dq(a);
+            a = CodeGeneratingComponentRenderer.d3(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
@@ -1011,11 +1844,14 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
         }
         u(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.dp(a);
+            if (this.p.e) {
+                return a;
+            }
+            return CodeGeneratingComponentRenderer.d2(a);
         }
         ao(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.dp(a);
+            return "_" + CodeGeneratingComponentRenderer.d2(a);
         }
         get_s() {
             return ".ts";
@@ -1033,11 +1869,11 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             else {
                 e.addPackageImport("./" + this.v(a, false), this.v(a, false));
             }
-            d.k("export class " + this.v(a, false) + " extends Array<" + this.v(a, true) + "> {");
+            d.l("export class " + this.v(a, false) + " extends Array<" + this.v(a, true) + "> {");
             d.h();
-            d.k("public constructor() {");
+            d.l("public constructor() {");
             d.h();
-            d.k("super();");
+            d.l("super();");
         }
         af(a, b, c) {
             super.af(a, b, c);
@@ -1064,70 +1900,70 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                     break;
                 case 0: break;
             }
-            this.g.k("private " + this.ao(a) + ": " + f + " = " + g + ";");
+            this.g.l("private " + this.ao(a) + ": " + f + " = " + g + ";");
             if (b == 2 || (c != null && c.isAsync)) {
-                this.g.k("private " + this.ao(a) + "Fetching: boolean = false;");
+                this.g.l("private " + this.ao(a) + "Fetching: boolean = false;");
             }
-            this.g.k("public get " + this.u(a) + "(): " + f + " {");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.d2(a) + "(): " + f + " {");
             this.g.h();
             if (c != null && c.isAsync) {
-                this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
-                this.g.k("{");
+                this.g.l("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
+                this.g.l("{");
                 this.g.h();
-                this.g.k("this." + this.ao(a) + "Fetching = true;");
-                this.g.k("( async () => { this." + this.ao(a) + " = await (await " + this.v(a, false) + ".fetch()); " + e + " })();");
+                this.g.l("this." + this.ao(a) + "Fetching = true;");
+                this.g.l("( async () => { this." + this.ao(a) + " = await (await " + this.v(a, false) + ".fetch()); " + e + " })();");
                 this.g.f();
-                this.g.k("}");
+                this.g.l("}");
             }
             else {
                 if (b == 2) {
-                    this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
-                    this.g.k("{");
+                    this.g.l("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
+                    this.g.l("{");
                     this.g.h();
-                    this.g.k(this.ao(a) + "Fetching = true;");
-                    this.g.k("( async () => { this." + this.ao(a) + " = await (await fetch('" + d + "')).json(); " + e + " })();");
+                    this.g.l(this.ao(a) + "Fetching = true;");
+                    this.g.l("( async () => { this." + this.ao(a) + " = await (await fetch('" + d + "')).json(); " + e + " })();");
                     this.g.f();
-                    this.g.k("}");
+                    this.g.l("}");
                 }
                 if (b == 0) {
-                    this.g.k("if (this." + this.ao(a) + " == null)");
-                    this.g.k("{");
+                    this.g.l("if (this." + this.ao(a) + " == null)");
+                    this.g.l("{");
                     this.g.h();
-                    this.g.k("this." + this.ao(a) + " = new " + this.v(a, false) + "();");
+                    this.g.l("this." + this.ao(a) + " = new " + this.v(a, false) + "();");
                     this.g.f();
-                    this.g.k("}");
+                    this.g.l("}");
                 }
             }
-            this.g.k("return this." + this.ao(a) + ";");
+            this.g.l("return this." + this.ao(a) + ";");
             this.g.f();
-            this.g.k("}");
-            this.g.k("");
+            this.g.l("}");
+            this.g.l("");
         }
         ag(a, b) {
             super.ag(a, b);
-            this.g.k("private " + this.ao(a) + ": " + this.al(b.e) + " = " + this.am(b) + ";");
-            this.g.k("public get " + this.u(a) + "(): " + this.al(b.e) + " {");
+            this.g.l("private " + this.ao(a) + ": " + this.al(b.e) + " = " + this.am(b) + ";");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.d2(a) + "(): " + this.al(b.e) + " {");
             this.g.h();
-            this.g.k("return this." + this.ao(a) + ";");
+            this.g.l("return this." + this.ao(a) + ";");
             this.g.f();
-            this.g.k("}");
-            this.g.k("");
+            this.g.l("}");
+            this.g.l("");
         }
         ah(a, b, c, d) {
             super.ah(a, b, c, d);
-            this.g.k("private " + this.ao(a) + ": " + this.v(a, false) + "Item = null;");
-            this.g.k("public get " + this.u(a) + "(): " + this.v(a, false) + "Item {");
+            this.g.l("private " + this.ao(a) + ": " + this.v(a, false) + "Item = null;");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.d2(a) + "(): " + this.v(a, false) + "Item {");
             this.g.h();
-            this.g.k("if (this." + this.ao(a) + " == null)");
-            this.g.k("{");
+            this.g.l("if (this." + this.ao(a) + " == null)");
+            this.g.l("{");
             this.g.h();
-            this.g.k("this." + this.ao(a) + " = ");
+            this.g.l("this." + this.ao(a) + " = ");
             this.ap(this.v(a, true), b, c, d, this.g);
-            this.g.k("}");
-            this.g.k("return this." + this.ao(a) + ";");
+            this.g.l("}");
+            this.g.l("return this." + this.ao(a) + ";");
             this.g.f();
-            this.g.k("}");
-            this.g.k("");
+            this.g.l("}");
+            this.g.l("");
         }
         x(a, b) {
             b.addPackageImport("./" + a, a);
@@ -1141,27 +1977,27 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
         ab(a, b, c) {
             let d = 0;
             if (c == this.k) {
-                c.addPackageImport("./" + a.d, a.d);
+                c.addPackageImport("./" + a.c, a.d);
             }
             else {
                 c.addPackageImport("./" + a.c, a.d);
             }
-            b.k("export class " + a.d + " {");
+            b.l("export class " + a.d + " {");
             b.h();
-            b.k("public constructor(init: Partial<" + a.d + ">) {");
+            b.l("public constructor(init: Partial<" + a.d + ">) {");
             b.h();
-            b.k("Object.assign(this, init);");
+            b.l("Object.assign(this, init);");
             b.f();
-            b.k("}");
-            b.k("");
+            b.l("}");
+            b.l("");
             for (let e = 0; e < a.a.length; e++) {
                 let f = a.a[e];
                 let g = a.b[e];
-                b.k("public " + this.u(f) + ": " + this.an(a, f, g) + ";");
+                b.l("public " + this.u(f) + ": " + this.an(a, f, g) + ";");
             }
             b.f();
-            b.k("");
-            b.k("}");
+            b.l("");
+            b.l("}");
         }
         al(a) {
             switch (a) {
@@ -1174,7 +2010,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
         }
         an(a, b, c) {
             if (c.d) {
-                return a.d + "_" + this.u(b) + "[]";
+                return a.d + "_" + CodeGeneratingComponentRenderer.d3(this.u(b)) + "Item[]";
             }
             else if (c.f) {
                 return a.d + "_" + this.u(b);
@@ -1192,15 +2028,15 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
         ai(a, b, c, d) {
             super.ai(a, b, c, d);
             d.f();
-            d.k("}");
+            d.l("}");
             d.f();
-            d.k("}");
+            d.l("}");
         }
         w(a, b, c, d, e, f) {
             super.w(a, b, c, d, e, f);
             f.j("this.push(");
             this.ap(this.v(a, true), b, c, d, f);
-            f.k(");");
+            f.l(");");
         }
         ap(a, b, c, d, e) {
             if (d == null) {
@@ -1209,37 +2045,37 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             }
             if (typeCast(JsonDictionaryArray.$, d) !== null) {
                 let f = d;
-                e.k("[");
+                e.l("[");
                 e.h();
                 if (f.items != null && f.items.length > 0) {
                     for (let g = 0; g < f.items.length; g++) {
                         if (g > 0) {
-                            e.k(",");
+                            e.l(",");
                         }
                         this.ap(a, b, c, f.items[g], e);
                     }
                 }
                 e.f();
-                e.k("]");
+                e.l("]");
             }
             else if (typeCast(JsonDictionaryObject.$, d) !== null) {
                 let h = d;
-                e.k("new " + a + "(");
-                e.k("{");
+                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) {
-                        e.k(",");
+                        e.l(",");
                     }
                     e.j(this.u(j) + ": ");
                     if (k.d) {
-                        let l = a + "_" + this.u(j) + "Item";
+                        let l = a + "_" + CodeGeneratingComponentRenderer.d3(this.u(j)) + "Item";
                         this.ap(l, k.a, k.b, h.item(j), e);
                     }
                     else if (k.f) {
-                        let m = a + "_" + this.u(j);
+                        let m = a + "_" + CodeGeneratingComponentRenderer.d3(this.u(j));
                         this.ap(m, k.a, k.b, h.item(j), e);
                     }
                     else {
@@ -1247,7 +2083,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                         e.j(this.t(k, n));
                     }
                 }
-                e.k("");
+                e.l("");
                 e.f();
                 e.j("})");
             }
@@ -1284,69 +2120,94 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
     class AngularTemplateCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bb = 0;
-            this.a9 = new HashSet$1(String_$type, 0);
-            this.ba = new HashSet$1(String_$type, 0);
+            this.bm = 0;
+            this.bk = new HashSet$1(String_$type, 0);
+            this.bl = new HashSet$1(String_$type, 0);
         }
-        af(a) {
-            if (a.c == null) {
+        get_r() {
+            return false;
+        }
+        get r() {
+            return this.get_r();
+        }
+        al(a, b, c, d) {
+            d = super.al(a, b, c, d);
+            let e = b.p();
+            this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d2(d) + ": " + e + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.d2(d) + "(): " + e + " {");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k(c);
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
+            this.f.f();
+            this.f.l("}");
+            return CodeGeneratingComponentRenderer.d3(d);
+        }
+        i(a, b) {
+            return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        am(a, b) {
+            if (b.c == null) {
                 return "null";
             }
-            let b = a.c;
-            let c = "";
-            for (let d = 0; d < b.length; d++) {
-                if (d > 0) {
-                    c += ", ";
+            let c = b.c;
+            let d = "";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
                 }
-                c += b[d];
+                d += c[e];
             }
-            return c;
+            return d;
         }
-        get_r() {
+        get_w() {
             return true;
         }
-        get_ar() {
+        get_a0() {
             return "Igx";
         }
-        au(a) {
-            super.au(a);
-            this.h.k("<" + this.bc(a) + "");
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                if (!this.ba.contains(this.ae)) {
-                    this.ba.add_1(this.ae);
-                    this.at(this.ae);
+        a4(a) {
+            super.a4(a);
+            this.h.l("<" + this.bn(a) + "");
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
                 }
-                this.f.k("@ViewChild(\"" + CodeGeneratingComponentRenderer.dp(this.ad) + "\", { static: true } )");
-                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
+                this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.d2(this.aj) + "\", { static: true } )");
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
             }
         }
-        ay(a, b) {
-            super.ay(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-angular-" + this.aq, c);
-            }
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
         }
-        bc(a) {
+        bn(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.dr(a);
+            return CodeGeneratingComponentRenderer.d4(a);
         }
-        a7() {
-            this.h.k(">");
+        bi() {
+            this.h.l(">");
             this.h.h();
         }
-        a2(a) {
+        bd(a) {
             this.h.f();
-            this.h.k("</" + this.bc(a) + ">");
-            super.a2(a);
-        }
-        a0(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.dp(b);
-            if (this.n(c)) {
-                this.a8(c);
-                if (this.p(c)) {
+            this.h.l("</" + this.bn(a) + ">");
+            super.bd(a);
+        }
+        ba(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
+            if (this.q(d, c)) {
+                this.bj(c);
+                if (this.t(c)) {
                     e = "(" + e + ")";
                 }
                 else {
@@ -1354,26 +2215,26 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
                 }
             }
             if (a > 0) {
-                this.h.k("");
+                this.h.l("");
             }
             this.h.j(e);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.ap(c, true));
+            this.h.j(this.aw(d, c, true));
             this.h.j("\"");
             if (e == "name") {
-                this.h.k("");
-                this.h.j("#" + CodeGeneratingComponentRenderer.dp(this.ap(c, true)));
+                this.h.l("");
+                this.h.j("#" + CodeGeneratingComponentRenderer.d2(this.aw(d, c, true)));
             }
         }
-        aj(a) {
+        aq(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.a8(a);
-                return "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + "($event)";
+                this.bj(a);
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + "($event)";
             }
-            return this.am();
+            return this.at();
         }
-        y(a) {
+        ad(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1383,23 +2244,23 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             }
             return b.b;
         }
-        am() {
+        at() {
             return "null";
         }
-        ah(a) {
-            return CodeGeneratingComponentRenderer.dp(a.a.e);
+        ao(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        an(a) {
-            return CodeGeneratingComponentRenderer.dp(a.a.e);
+        au(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        a1(a, b, c, d) {
+        bb(a, b, c, d) {
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
                 if (e != null) {
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
@@ -1407,7 +2268,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.p(this, false);
+                    h.s(this, false);
                 }
             }
         }
@@ -1419,12 +2280,25 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
  * @hidden
  */
 export let AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
-    class AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
+    class AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter extends WebCodeBehindCodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
         }
+        get_r() {
+            return true;
+        }
+        i(a, b) {
+            return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        get_a0() {
+            return "Igc";
+        }
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
+        }
     }
-    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter;
 })();
 /**
@@ -1438,15 +2312,15 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
         }
         z(a, b) {
             super.z(a, b);
-            this.f.k("<Compile Include=\"" + a + ".cs\">");
+            this.f.l("<Compile Include=\"" + a + ".cs\">");
             this.f.h();
-            this.f.k("<SubType>Code</SubType>");
+            this.f.l("<SubType>Code</SubType>");
             this.f.f();
-            this.f.k("</Compile>");
+            this.f.l("</Compile>");
         }
         ad(a) {
-            a.k("using System;");
-            a.k("using System.Collections.Generic;");
+            a.l("using System;");
+            a.l("using System.Collections.Generic;");
             if (!this.ak) {
                 this.ak = true;
             }
@@ -1456,7 +2330,7 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             super.ac(a);
         }
         v(a, b = false) {
-            a = CodeGeneratingComponentRenderer.dq(a);
+            a = CodeGeneratingComponentRenderer.d3(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
@@ -1465,11 +2339,11 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
         }
         u(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.dq(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
         ao(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.dp(a);
+            return "_" + CodeGeneratingComponentRenderer.d2(a);
         }
         aj(a, b, c, d, e) {
             super.aj(a, b, c, d, e);
@@ -1477,14 +2351,15 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             for (let g of fromEnum(f)) {
                 this.ab(g, d, e);
             }
-            d.k("public class " + this.v(a, false));
+            d.l("");
+            d.l("public class " + this.v(a, false));
             d.h();
-            d.k(": List<" + this.v(a, true) + ">");
+            d.l(": List<" + this.v(a, true) + ">");
             d.f();
-            d.k("{");
+            d.l("{");
             d.h();
-            d.k("public " + this.v(a, false) + "()");
-            d.k("{");
+            d.l("public " + this.v(a, false) + "()");
+            d.l("{");
             d.h();
         }
         af(a, b, c) {
@@ -1500,79 +2375,79 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             if (c != null && c.isAsync) {
                 d = this.v(a, false) + ".Fetch().ContinueWith((t) => {" + this.ao(a) + " = t.Result; " + e + " });";
             }
-            this.g.k("private " + this.v(a, false) + " " + this.ao(a) + " = null;");
-            this.g.k("public " + this.v(a, false) + " " + this.u(a));
-            this.g.k("{");
+            this.g.l("private " + this.v(a, false) + " " + this.ao(a) + " = null;");
+            this.g.l("public " + this.v(a, false) + " " + this.u(a));
+            this.g.l("{");
             this.g.h();
-            this.g.k("get");
-            this.g.k("{");
+            this.g.l("get");
+            this.g.l("{");
             this.g.h();
-            this.g.k("if (" + this.ao(a) + " == null)");
-            this.g.k("{");
+            this.g.l("if (" + this.ao(a) + " == null)");
+            this.g.l("{");
             this.g.h();
-            this.g.k(d);
+            this.g.l(d);
             this.g.f();
-            this.g.k("}");
-            this.g.k("return " + this.ao(a) + ";");
+            this.g.l("}");
+            this.g.l("return " + this.ao(a) + ";");
             this.g.f();
-            this.g.k("}");
+            this.g.l("}");
             this.g.f();
-            this.g.k("}");
-            this.g.k("");
+            this.g.l("}");
+            this.g.l("");
         }
         ag(a, b) {
             super.ag(a, b);
-            this.g.k("private " + this.al(b.e) + " " + this.ao(a) + " = " + this.am(b) + ";");
-            this.g.k("public " + this.al(b.e) + " " + this.u(a));
-            this.g.k("{");
+            this.g.l("private " + this.al(b.e) + " " + this.ao(a) + " = " + this.am(b) + ";");
+            this.g.l("public " + this.al(b.e) + " " + this.u(a));
+            this.g.l("{");
             this.g.h();
-            this.g.k("get");
-            this.g.k("{");
+            this.g.l("get");
+            this.g.l("{");
             this.g.h();
-            this.g.k("return " + this.ao(a) + ";");
+            this.g.l("return " + this.ao(a) + ";");
             this.g.f();
-            this.g.k("}");
+            this.g.l("}");
             this.g.f();
-            this.g.k("}");
-            this.g.k("");
+            this.g.l("}");
+            this.g.l("");
         }
         ah(a, b, c, d) {
             super.ah(a, b, c, d);
-            this.g.k("private " + this.v(a, false) + "Item " + this.ao(a) + " = null;");
-            this.g.k("public " + this.v(a, false) + "Item " + this.u(a));
-            this.g.k("{");
+            this.g.l("private " + this.v(a, false) + "Item " + this.ao(a) + " = null;");
+            this.g.l("public " + this.v(a, false) + "Item " + this.u(a));
+            this.g.l("{");
             this.g.h();
-            this.g.k("get");
-            this.g.k("{");
+            this.g.l("get");
+            this.g.l("{");
             this.g.h();
-            this.g.k("if (" + this.ao(a) + " == null)");
-            this.g.k("{");
+            this.g.l("if (" + this.ao(a) + " == null)");
+            this.g.l("{");
             this.g.h();
-            this.g.k("_" + a + " = ");
+            this.g.l("_" + a + " = ");
             this.ap(this.v(a, true), b, c, d, this.g);
             this.g.f();
-            this.g.k("}");
-            this.g.k("return " + this.ao(a) + ";");
+            this.g.l("}");
+            this.g.l("return " + this.ao(a) + ";");
             this.g.f();
-            this.g.k("}");
+            this.g.l("}");
             this.g.f();
-            this.g.k("}");
-            this.g.k("");
+            this.g.l("}");
+            this.g.l("");
         }
         get_s() {
             return ".cs";
         }
         ab(a, b, c) {
-            b.k("public class " + a.d);
-            b.k("{");
+            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.k("public " + this.an(a, e, f) + " " + this.u(e) + "{ get; set; }");
+                b.l("public " + this.an(a, e, f) + " " + this.u(e) + " { get; set; }");
             }
             b.f();
-            b.k("}");
+            b.l("}");
         }
         al(a) {
             switch (a) {
@@ -1603,15 +2478,15 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
         ai(a, b, c, d) {
             super.ai(a, b, c, d);
             d.f();
-            d.k("}");
+            d.l("}");
             d.f();
-            d.k("}");
+            d.l("}");
         }
         w(a, b, c, d, e, f) {
             super.w(a, b, c, d, e, f);
             f.j("this.Add(");
             this.ap(this.v(a, true), b, c, d, f);
-            f.k(");");
+            f.l(");");
         }
         ap(a, b, c, d, e) {
             if (d == null) {
@@ -1620,30 +2495,33 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             }
             if (typeCast(JsonDictionaryArray.$, d) !== null) {
                 let f = d;
-                e.k("new List<" + a + ">()");
-                e.k("{");
+                e.l("new List<" + a + ">()");
+                e.l("{");
                 e.h();
                 if (f.items != null && f.items.length > 0) {
                     for (let g = 0; g < f.items.length; g++) {
                         if (g > 0) {
-                            e.k(",");
+                            e.l(",");
                         }
                         this.ap(a, b, c, f.items[g], e);
                     }
                 }
                 e.f();
-                e.k("}");
+                e.l("}");
             }
             else if (typeCast(JsonDictionaryObject.$, d) !== null) {
                 let h = d;
-                e.k("new " + a + "()");
-                e.k("{");
+                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 (!h.g(j)) {
+                        continue;
+                    }
                     if (i > 0) {
-                        e.k(",");
+                        e.l(",");
                     }
                     e.j(j + " = ");
                     if (k.d) {
@@ -1659,7 +2537,7 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
                         e.j(this.t(k, n));
                     }
                 }
-                e.k("");
+                e.l("");
                 e.f();
                 e.j("}");
             }
@@ -1703,60 +2581,69 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
         constructor(a, b) {
             super(a, b);
         }
-        get_s() {
+        get_r() {
             return false;
         }
-        af(a) {
-            if (a.c == null) {
+        get r() {
+            return this.get_r();
+        }
+        i(a, b) {
+            return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        get_x() {
+            return false;
+        }
+        am(a, b) {
+            if (b.c == null) {
                 return "null";
             }
-            let b = a.c;
-            let c = "";
-            for (let d = 0; d < b.length; d++) {
-                if (d > 0) {
-                    c += ", ";
+            let c = b.c;
+            let d = "";
+            for (let e = 0; e < c.length; e++) {
+                if (e > 0) {
+                    d += ", ";
                 }
-                c += b[d];
+                d += c[e];
             }
-            return c;
+            return d;
         }
-        au(a) {
-            super.au(a);
-            this.h.k("<ig:" + a + "");
+        a4(a) {
+            super.a4(a);
+            this.h.l("<ig:" + a + "");
         }
-        a7() {
-            this.h.k(">");
+        bi() {
+            this.h.l(">");
             this.h.h();
         }
-        a2(a) {
+        bd(a) {
             this.h.f();
-            this.h.k("</ig:" + a + ">");
-            super.a2(a);
+            this.h.l("</ig:" + a + ">");
+            super.bd(a);
         }
-        a0(a, b, c, d) {
+        ba(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) {
-                        this.h.k("");
+                        this.h.l("");
                     }
                     this.h.j(b);
                     this.h.j("=");
                     this.h.j("\"");
-                    this.h.j("{}" + this.ap(c, true));
+                    this.h.j("{}" + this.aw(d, c, true));
                     this.h.j("\"");
                     return;
                 }
             }
             if (a > 0) {
-                this.h.k("");
+                this.h.l("");
             }
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.ap(c, true));
+            this.h.j(this.aw(d, c, true));
             this.h.j("\"");
         }
-        y(a) {
+        ad(a) {
             let b = a.c;
             switch (b.a) {
                 case 3: return b.b;
@@ -1766,28 +2653,28 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return b.b;
         }
-        am() {
+        at() {
             return "{x:Null}";
         }
-        ah(a) {
+        ao(a) {
             return "{Binding ElementName=" + a.a.e + "}";
         }
-        a9(a) {
+        bk(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.dq(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
-        an(a) {
-            this.a8(a);
-            return "{Binding " + this.a9(a.a.e) + "}";
+        au(a) {
+            this.bj(a);
+            return "{Binding " + this.bk(a.a.e) + "}";
         }
-        a1(a, b, c, d) {
+        bb(a, b, c, d) {
             this.h.j("<ig:");
             {
-                this.h.j(this.ae);
+                this.h.j(this.ak);
                 this.h.j(".");
             }
             this.h.j(b);
-            this.h.k(">");
+            this.h.l(">");
             this.h.h();
             if (c.b.knownType == 9) {
                 let e = typeCast(IList_$type, c.c);
@@ -1795,7 +2682,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
@@ -1803,19 +2690,19 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.p(this, false);
+                    h.s(this, false);
                 }
             }
             this.h.f();
             this.h.j("</ig:");
             {
-                this.h.j(this.ae);
+                this.h.j(this.ak);
                 this.h.j(".");
             }
             this.h.j(b);
-            this.h.k(">");
+            this.h.l(">");
         }
-        get_ar() {
+        get_a0() {
             return "Xam";
         }
     }
@@ -1830,7 +2717,16 @@ export let WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         constructor(a, b) {
             super(a, b);
         }
-        get_s() {
+        get_r() {
+            return true;
+        }
+        get r() {
+            return this.get_r();
+        }
+        i(a, b) {
+            return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+        }
+        get_x() {
             return false;
         }
     }
@@ -1844,17 +2740,19 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
     class CodeGeneratingComponentRenderer extends ComponentRenderer {
         constructor(a, b) {
             super();
-            this.di = null;
-            this.dj = 0;
-            this.dk = null;
-            this.dl = null;
-            this.dm = null;
-            this.di = b;
-            this.dj = a;
-            ComponentRenderer.platform = CodeGeneratingComponentRenderer.dn(a);
-            this.f = new CodeGenerationRendererAdapter(a, this.f);
-            this.context = new TypeDescriptionContext(this.f, ComponentRenderer.platform);
-            this.h = new CodeGenerationTransformer(a);
+            this.du = null;
+            this.dv = 0;
+            this.dy = null;
+            this.dz = null;
+            this.d0 = null;
+            this.dx = null;
+            this.dw = null;
+            this.du = b;
+            this.dv = a;
+            ComponentRenderer.platform = CodeGeneratingComponentRenderer.d1(a);
+            this.adapter = new CodeGenerationRendererAdapter(a, this.adapter);
+            this.context = new TypeDescriptionContext(this.adapter, ComponentRenderer.platform);
+            this.i = new CodeGenerationTransformer(a);
         }
         loadCodeJson(a) {
             this.loadJson(a, (b) => ((() => {
@@ -1863,7 +2761,13 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        static dp(a) {
+        cu(a) {
+            this.du.b = a;
+        }
+        n() {
+            return false;
+        }
+        static d2(a) {
             if (a == null) {
                 return null;
             }
@@ -1872,7 +2776,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toLowerCase() + a.substr(1);
         }
-        static dq(a) {
+        static d3(a) {
             if (a == null) {
                 return null;
             }
@@ -1881,7 +2785,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toUpperCase() + a.substr(1);
         }
-        static dr(a) {
+        static d4(a) {
             if (a == null) {
                 return null;
             }
@@ -1916,26 +2820,36 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return j.toString();
         }
-        ak() {
+        ap() {
+            return true;
+        }
+        ac(a) {
+            super.ac(a);
+            this.dy = a;
+            return true;
+        }
+        aj(a) {
+            super.aj(a);
+            this.d0 = a;
             return true;
         }
-        z(a) {
-            super.z(a);
-            this.dk = a;
+        ad(a) {
+            super.ad(a);
+            this.dw = a;
             return true;
         }
         ae(a) {
             super.ae(a);
-            this.dm = a;
+            this.dx = a;
             return true;
         }
-        aa(a) {
-            super.aa(a);
-            this.dl = a;
+        af(a) {
+            super.af(a);
+            this.dz = a;
             return true;
         }
-        dd(a, b, c) {
-            switch (this.dj) {
+        dn(a, b, c) {
+            switch (this.dv) {
                 case 1: if (b.forceCodeBehind) {
                     return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
                 }
@@ -1970,8 +2884,8 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        de(a, b) {
-            switch (this.dj) {
+        dp(a, b) {
+            switch (this.dv) {
                 case 1: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
                 case 2: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
                 case 3: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
@@ -1981,33 +2895,44 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        df(a, b) {
-            switch (this.dj) {
-                case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
-                case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
-                case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
+        dq(a, b) {
+            switch (this.dv) {
+                case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dv);
+                case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dv);
+                case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dv);
                 case 4: break;
                 case 0:
                 case 5: return new DotNetCodeGeneratingComponentRendererHandlerEmitter(a, b);
             }
             return null;
         }
-        dg(a, b) {
-            switch (this.dj) {
-                case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
-                case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
-                case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
+        ds(a, b) {
+            switch (this.dv) {
+                case 1: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.dv);
+                case 2: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.dv);
+                case 3: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.dv);
+                case 4: break;
+                case 0:
+                case 5: return new DotNetCodeGeneratingComponentRendererTemplateEmitter(a, b);
+            }
+            return null;
+        }
+        dr(a, b) {
+            switch (this.dv) {
+                case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dv, a, b);
+                case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dv, a, b);
+                case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dv, a, b);
                 case 4: break;
-                case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
-                case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
+                case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.dv, a, b);
+                case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.dv, a, b);
             }
             return null;
         }
         emitCode(a) {
             let b = new CodeGeneratingRendererResult();
-            b.platform = this.dj;
-            b.generationOptions = this.di;
-            for (let c of fromEnum(this.az.keys)) {
+            b.platform = this.dv;
+            b.generationOptions = this.du;
+            for (let c of fromEnum(this.a5.keys)) {
                 let d = c;
                 let e = d.id;
                 for (let f of fromEnum(d.a)) {
@@ -2019,17 +2944,17 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            for (let g of fromEnum(this.az.keys)) {
+            for (let g of fromEnum(this.a5.keys)) {
                 let h = g;
-                h.c(b, this, this.di);
+                h.c(this.context, b, this, this.du);
             }
-            if (this.dk != null) {
-                let i = this.dg(this.di, b);
-                i.m(this.dk);
+            if (this.dy != null) {
+                let i = this.dr(this.du, b);
+                i.n(this.dy, this.context);
             }
-            if (this.dm != null) {
-                if (typeCast(JsonDictionaryObject.$, this.dm) !== null) {
-                    let j = this.dm;
+            if (this.d0 != null) {
+                if (typeCast(JsonDictionaryObject.$, this.d0) !== null) {
+                    let j = this.d0;
                     let m = j.e();
                     for (let l = 0; l < m.length; l++) {
                         let k = m[l];
@@ -2038,47 +2963,85 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 }
             }
             {
-                let n = this.de(this.di, b);
-                n.aa(this.dl);
+                let n = this.dp(this.du, b);
+                n.aa(this.dz);
+            }
+            let o = this.dq(this.du, b);
+            let p = new List$1(String_$type, 0);
+            let q = new List$1(String_$type, 0);
+            if (this.dw != null) {
+                if (typeCast(JsonDictionaryArray.$, this.dw) !== null) {
+                    let r = this.dw;
+                    if (r.items != null) {
+                        let u = r.items;
+                        for (let t = 0; t < u.length; t++) {
+                            let s = u[t];
+                            p.add(s.value.toString());
+                        }
+                    }
+                }
+                else if (typeCast(JsonDictionaryValue.$, this.dw) !== null) {
+                    let v = this.dw;
+                    p.add(v.value.toString());
+                }
+            }
+            if (this.dx != null) {
+                if (typeCast(JsonDictionaryArray.$, this.dx) !== null) {
+                    let w = this.dx;
+                    if (w.items != null) {
+                        let z = w.items;
+                        for (let y = 0; y < z.length; y++) {
+                            let x = z[y];
+                            p.add(x.value.toString());
+                        }
+                    }
+                }
+                else if (typeCast(JsonDictionaryValue.$, this.dx) !== null) {
+                    let aa = this.dx;
+                    p.add(aa.value.toString());
+                }
             }
-            let o = this.df(this.di, b);
-            o.j();
-            this.dv(b, a);
+            o.q(p.toArray(), q.toArray());
+            let ab = this.ds(this.du, b);
+            ab.p();
+            this.d8(b, a);
             return b;
         }
-        dv(a, b) {
+        d8(a, b) {
             b.execute(a);
         }
-        a4() {
-            return runOn(this, this.dt);
+        ba() {
+            return runOn(this, this.d6);
         }
-        ds(a) {
+        d5(a) {
             a = stringReplace(a, "-", "_");
-            switch (this.dj) {
-                case 1:
-                case 2:
-                case 3: return CodeGeneratingComponentRenderer.dp(a);
-                case 4:
-                case 0:
-                case 5: return CodeGeneratingComponentRenderer.dq(a);
+            if (!this.du.e) {
+                switch (this.dv) {
+                    case 1:
+                    case 2:
+                    case 3: return CodeGeneratingComponentRenderer.d2(a);
+                    case 4:
+                    case 0:
+                    case 5: return CodeGeneratingComponentRenderer.d3(a);
+                }
             }
             return a;
         }
-        dt(a) {
+        d6(a) {
             let b = a;
             if (stringStartsWith(a, "{")) {
                 if (!stringStartsWith(a, "{[")) {
                     a = a.substr(1, a.length - 2);
-                    a = "{" + this.ds(a) + "}";
+                    a = "{" + this.d5(a) + "}";
                     b = a;
                 }
             }
             else {
-                b = this.ds(a);
+                b = this.d5(a);
             }
             return b;
         }
-        static dn(a) {
+        static d1(a) {
             switch (a) {
                 case 1: return 3;
                 case 2: return 2;
@@ -2110,25 +3073,25 @@ export let CodeGenerationContainer = /*@__PURE__*/ (() => {
         set id(a) {
             this._id = a;
         }
-        c(a, b, c) {
-            let d = new StringBuilder(0);
+        c(a, b, c, d) {
             let e = new StringBuilder(0);
             let f = new StringBuilder(0);
-            let g = new CodeGeneratingImportManager();
-            for (let h of fromEnum(this.a)) {
-                let i = b.dd(h, c, a);
-                h.p(i, true);
-                let j = i.toString();
-                a.addContainerResult(this.id, j);
-                i.aw(d);
-                i.az(e);
-                i.av(f);
-                i.ax(g);
-            }
-            a.addContainerResult("bindingFields", d.toString());
-            a.addContainerResult("bindingInit", e.toString());
-            a.addContainerResult("bindingCode", f.toString());
-            a.addImportResult("bindingImports", g);
+            let g = new StringBuilder(0);
+            let h = new CodeGeneratingImportManager();
+            for (let i of fromEnum(this.a)) {
+                let j = c.dn(i, d, b);
+                i.s(j, true);
+                let k = j.toString();
+                b.addContainerResult(this.id, k);
+                j.a6(e);
+                j.a9(f);
+                j.a5(g);
+                j.a7(a, h);
+            }
+            b.addContainerResult("bindingFields", e.toString());
+            b.addContainerResult("bindingInit", f.toString());
+            b.addContainerResult("bindingCode", g.toString());
+            b.addImportResult("bindingImports", h);
         }
     }
     CodeGenerationContainer.$t = markType(CodeGenerationContainer, 'CodeGenerationContainer');
@@ -2147,19 +3110,34 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             this.b = 0;
             this.j = null;
             this.h = null;
+            this.r = null;
             this.b = a;
             this.j = b;
             this.c = c;
             this.h = d;
         }
+        n() {
+            let a = this;
+            let b = null;
+            if (a.i("Name") != null) {
+                b = a.i("Name");
+            }
+            if (a.i("name") != null) {
+                b = a.i("name");
+            }
+            if (b != null) {
+                return b;
+            }
+            return null;
+        }
         a(a) {
             let b = this.c.getMetadata(this.j, a);
-            return new CodeGenerationItemBuilder(this.b, this.o(b), this.c, this.h);
+            return new CodeGenerationItemBuilder(this.b, this.q(b), this.c, this.h);
         }
-        o(a) {
+        q(a) {
             return a.specificExternalType != null ? a.specificExternalType : a.specificType;
         }
-        s(a, b, c, d) {
+        v(a, b, c, d) {
             if (!this.f.containsKey(a)) {
                 this.g.add(a);
             }
@@ -2172,7 +3150,7 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        q(a, b, c) {
+        t(a, b, c) {
             let d = null;
             if (!this.f.containsKey(a)) {
                 this.g.add(a);
@@ -2190,7 +3168,7 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        r(a, b) {
+        u(a, b) {
             if (this.f.containsKey(a)) {
                 this.f.removeItem(a);
             }
@@ -2201,31 +3179,35 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        p(a, b) {
+        s(a, b) {
             let c = this.m();
             if (b) {
-                let d = this.n();
-                a.aq = d;
+                let d = this.o();
+                a.ay = d;
             }
             let e = false;
             let f = false;
             if (this.f.containsKey("Name")) {
                 e = true;
-                a.a6(this.f.item("Name").c);
+                a.bh(this.f.item("Name").c);
             }
             else if (this.f.containsKey("name")) {
                 e = true;
-                a.a6(this.f.item("name").c);
+                a.bh(this.f.item("name").c);
             }
             else {
-                if (this.e(a)) {
+                if (b && this.r != null) {
+                    e = true;
+                    a.bh(this.r);
+                }
+                else if (this.e(this.c, a)) {
                     f = true;
-                    a.a5(c);
-                    if (a.s) {
+                    a.bg(c);
+                    if (a.x) {
                         this.g.add("name");
                         this.f.addItem("name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.ad;
+                            $ret.c = a.aj;
                             return $ret;
                         })()));
                     }
@@ -2233,80 +3215,92 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                         this.g.add("Name");
                         this.f.addItem("Name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.ad;
+                            $ret.c = a.aj;
                             return $ret;
                         })()));
                     }
                 }
             }
-            a.au(c);
+            a.a4(this.p());
             let g = 0;
             for (let h of fromEnum(this.g)) {
                 let i = this.f.item(h);
                 if (i.b == null && h.toLowerCase() == "type") {
                     continue;
                 }
-                if (this.d(h, i)) {
-                    a.a0(g, h, i, this.c);
+                if (this.d(a, h, i)) {
+                    a.ba(g, h, i, this.c);
                     g++;
                 }
             }
-            a.a7();
+            a.bi();
             let j = 0;
             for (let k of fromEnum(this.g)) {
                 let l = this.f.item(k);
                 if (l.b == null && k.toLowerCase() == "type") {
                     continue;
                 }
-                if (!this.d(k, l)) {
-                    a.a1(j, k, l, this.c);
+                if (!this.d(a, k, l)) {
+                    a.bb(j, k, l, this.c);
                     j++;
                 }
             }
-            a.a2(c);
+            a.bc(j);
+            a.bd(c);
             if (e) {
-                a.a4();
+                a.bf();
             }
             else {
                 if (f) {
-                    a.a3();
+                    a.be();
                 }
             }
         }
-        e(a) {
-            for (let b of fromEnum(this.g)) {
-                let c = this.f.item(b);
-                if (a.n(c)) {
+        e(a, b) {
+            if (b.n) {
+                return true;
+            }
+            for (let c of fromEnum(this.g)) {
+                let d = this.f.item(c);
+                if (b.q(a, d)) {
                     return true;
                 }
             }
             return false;
         }
-        d(a, b) {
-            if (b.b == null) {
-                if (a.toLowerCase() == "name") {
+        d(a, b, c) {
+            if (c.b == null) {
+                if (b.toLowerCase() == "name") {
                     return true;
                 }
             }
-            switch (b.b.knownType) {
+            switch (c.b.knownType) {
                 case 10:
                 case 7: return true;
-                case 4: return b.c == null || !(typeCast(LinearGradientBrush.$, b.c) !== null);
+                case 4: return c.c == null || !(typeCast(LinearGradientBrush.$, c.c) !== null);
                 case 6:
                     return true;
                     break;
-                case 9: return false;
+                case 9:
+                    if (a.v(this.c, c)) {
+                        return true;
+                    }
+                    return false;
                 case 5: return true;
                 case 16: return true;
                 case 20: return true;
+                case 22: return true;
                 case 15: return false;
                 case 3: return true;
                 case 19: return true;
                 case 8:
-                    if (b.b.specificExternalType == "string") {
+                    if (a.v(this.c, c)) {
                         return true;
                     }
-                    if (b.a != null) {
+                    if (c.b.specificExternalType == "string") {
+                        return true;
+                    }
+                    if (c.a != null) {
                         return true;
                     }
                     return false;
@@ -2323,6 +3317,14 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             }
             return false;
         }
+        p() {
+            if (this.b == 1 || this.b == 3 || this.b == 2) {
+                if (this.c.getMetadata(this.j, "__isPlainObject") != null) {
+                    return "any";
+                }
+            }
+            return this.m();
+        }
         m() {
             if (this.b == 0 || this.b == 4) {
                 let a = this.c.getMetadata(this.j, "_qualifiedName");
@@ -2338,11 +3340,15 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 }
                 return this.j;
             }
+            else if ((this.b == 5 || this.b == 2 || this.b == 1 || this.b == 3) && this.c.getMetadata(this.j, "__qualifiedNameTS") != null) {
+                let d = this.c.getMetadata(this.j, "__qualifiedNameTS");
+                return this.k + d.specificExternalType + this.l;
+            }
             else {
                 return this.k + this.j + this.l;
             }
         }
-        n() {
+        o() {
             let a = this.c.getMetadata(this.j, "_qualifiedName");
             if (a != null) {
                 let b = a.specificExternalType;
@@ -2450,7 +3456,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
         }
         onPendingRef(a, b, c, d) {
             let e = a;
-            e.q(b, c, d);
+            e.t(b, c, d);
         }
         setPropertyValue(a, b, c, d, e, f) {
             if (!(typeCast(CodeGenerationItemBuilder.$, a) !== null)) {
@@ -2486,7 +3492,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
                 }
             }
             let m = a;
-            m.s(b, c, d, f);
+            m.v(b, c, d, f);
         }
         getPropertyValue(a, b) {
             while (stringContains(b, ".")) {
@@ -2602,7 +3608,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
                 }
             }
             let k = d;
-            k.r(b, c);
+            k.u(b, c);
         }
         replaceItemInCollection(a, b, c, d, e) {
             let f = this.getPropertyValue(c, a);