igniteui-angular-core 14.2.0 → 15.0.1

package/esm2015/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -4,20 +4,22 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-import { Base, IList_$type, NotSupportedException, String_$type, typeCast, Array_$type, Boolean_$type, markType, EnumUtil, fromEn, fromEnum, Number_$type, runOn } from "./type";
+import { Base, IList_$type, NotSupportedException, String_$type, typeCast, Array_$type, fromEnum, 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 { CodeGenerationTargetPlatforms_$type } from "./CodeGenerationTargetPlatforms";
+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";
@@ -53,8 +55,8 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             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.a2 = null;
+            this.a1 = null;
             this.l = a;
             this.j = b;
             this.d = new CodeGeneratingCodeWriter(this.l);
@@ -62,10 +64,45 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             this.c = new CodeGeneratingCodeWriter(this.l);
             this.b = new CodeGeneratingCodeWriter(this.l);
         }
+        get_ai() {
+            switch (this.j.platform) {
+                case 1: return "Igx";
+                case 2: return "Igr";
+                case 3: return "Igc";
+                case 4: return "Ultra";
+                case 0: return "Xam";
+                case 5: return "Igb";
+            }
+            return "";
+        }
+        get ai() {
+            return this.get_ai();
+        }
+        get_aj() {
+            switch (this.j.platform) {
+                case 1: return "Component";
+                case 2: return "";
+                case 3: return "Component";
+                case 4: return "";
+                case 0: return "";
+            }
+            return "";
+        }
+        get aj() {
+            return this.get_aj();
+        }
+        get a3() {
+            switch (this.j.platform) {
+                case 1: return "angular";
+                case 2: return "react";
+                case 3: return "webcomponents";
+            }
+            return "";
+        }
         get m() {
             return this.l;
         }
-        bh(a) {
+        bn(a) {
             this.j.af(a);
         }
         get k() {
@@ -83,7 +120,10 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get f() {
             return this.b;
         }
-        a2(a) {
+        a7(a) {
+            if (a == null || a == "any") {
+                return;
+            }
             this.z.add(a);
         }
         v(a, b) {
@@ -110,7 +150,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                     return true;
                 }
             }
-            if (b.b != null && (b.b.knownType == 8 || b.b.knownType == 9)) {
+            if (b.b != null && (b.b.knownType == 8 || b.b.knownType == 9 || b.b.knownType == 10)) {
                 if (this.v(a, b)) {
                     return true;
                 }
@@ -125,29 +165,31 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        get ak() {
+        get an() {
             return this.ac.d();
         }
-        a3(a) {
+        a8(a, b, c) {
             this.ac.h(a);
         }
-        bg() {
+        bm() {
+        }
+        bg(a) {
         }
-        bb(a) {
+        bh(a) {
             this.ac.e();
         }
-        a9(a, b, c, d) {
+        be(a, b, c, d) {
         }
-        ba(a, b, c, d) {
-            this.a9(a, b, c, d);
+        bf(a, b, c, d) {
+            this.be(a, b, c, d);
         }
         toString() {
             return this.d.toString();
         }
-        at() {
+        ax() {
             return "null";
         }
-        aw(a, b, c) {
+        a0(a, b, c) {
             if (b.b == null) {
                 return b.c;
             }
@@ -155,7 +197,11 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                 b.c = this.ad(b);
             }
             switch (b.b.knownType) {
-                case 10: return this.am(b);
+                case 10:
+                    if (this.v(a, b)) {
+                        return this.al(a, b);
+                    }
+                    return this.aq(a, b);
                 case 7: return b.c ? "true" : "false";
                 case 4: return this.af(b);
                 case 6:
@@ -173,7 +219,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                     break;
                 case 9:
                     if (this.v(a, b)) {
-                        return this.ai(a, b);
+                        return this.al(a, b);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
                 case 5: return this.ah(b);
@@ -192,48 +238,48 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                     break;
                 case 20:
                     if (b.a != null) {
-                        return this.av(b);
+                        return this.az(b);
                     }
                     if (b.c == null) {
-                        return this.at();
+                        return this.ax();
                     }
                     break;
                 case 22:
                     if (b.a != null) {
-                        return this.av(b);
+                        return this.az(b);
                     }
                     if (b.c == null) {
-                        return this.at();
+                        return this.ax();
                     }
                     break;
                 case 15: throw new NotSupportedException(1, "need to figure this out");
                 case 3: throw new NotSupportedException(1, "need to figure this out");
                 case 19:
                     if (b.a != null) {
-                        return this.aq(b);
+                        return this.au(b);
                     }
                     else {
-                        return this.at();
+                        return this.ax();
                     }
                     break;
                 case 8:
                     if (b.b.specificExternalType == "string") {
-                        return this.ap(b);
+                        return this.at(b);
                     }
                     if (b.a != null) {
-                        return this.ar(b);
+                        return this.av(b);
                     }
                     if (this.v(a, b)) {
-                        return this.ai(a, b);
+                        return this.al(a, b);
                     }
                     throw new NotSupportedException(1, "shouldn't get here");
                 case 13: throw new NotSupportedException(1, "shouldn't get here");
                 case 18:
                     if (b.a != null) {
-                        return this.as(b);
+                        return this.aw(b);
                     }
                     else {
-                        return this.at();
+                        return this.ax();
                     }
                     break;
                 case 1: return b.c.toString();
@@ -252,7 +298,7 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
                         let l = b.c;
                         return l.width + ", " + l.height;
                     }
-                case 2: return b.c != null ? b.c.toString() : this.at();
+                case 2: return b.c != null ? b.c.toString() : this.ax();
                 case 21: return b.c.toString();
                 case 17:
                     if (b.c == null) {
@@ -266,80 +312,118 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return "";
         }
-        ai(a, b) {
-            let c = this.a0(a, b);
+        al(a, b) {
+            let c = this.a5(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();
-                    c = this.al(a, e, f, c);
+                    let d = this.i(this.l, this.j);
+                    let e = this.ak(c, b.c, d);
+                    c = this.ao(a, b.c, e, c);
+                }
+                else if (typeCast(Array_$type, b.c) !== null) {
+                    let f = b.c;
+                    let g = new List$1(CodeGenerationItemBuilder.$, 0);
+                    let h = new List$1(String_$type, 0);
+                    for (let i = 0; i < f.length; i++) {
+                        if (typeCast(CodeGenerationItemBuilder.$, f[i]) !== null) {
+                            let j = this.i(this.l, this.j);
+                            let k = c;
+                            let l = f[i].o();
+                            if (l == null) {
+                                l = f[i].m();
+                                l = this.ar(l);
+                            }
+                            if (l != null) {
+                                if (l != k) {
+                                    k = l;
+                                }
+                                else {
+                                    k = c + "_" + i.toString();
+                                }
+                            }
+                            let m = this.ak(k, f[i], j);
+                            g.add(f[i]);
+                            h.add(m);
+                        }
+                    }
+                    c = this.ap(b, a, g, h, c);
                 }
             }
             return c;
         }
-        al(a, b, c, d) {
+        ak(a, b, c) {
+            b.t = a;
+            b.u(c, true);
+            let d = c.toString();
+            for (let e of fromEnum(c.z)) {
+                this.z.add(e);
+            }
+            return d;
+        }
+        ao(a, b, c, d) {
             return d;
         }
-        a0(a, b) {
+        ap(a, b, c, d, e) {
+            return e;
+        }
+        a5(a, b) {
             if (b.c == null) {
-                return this.at();
+                return this.ax();
             }
             if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
-                let c = b.c.n();
+                let c = b.c.o();
                 if (c != null) {
                     return c;
                 }
                 let d = b.c.m();
-                let e = this.an(d);
+                let e = this.ar(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 g = f.item(0);
+                    let h = g.o();
+                    if (h != null) {
+                        return h;
                     }
-                    let h = b.c.m();
-                    let i = this.an(h);
-                    return i;
+                    let i = g.m();
+                    let j = this.ar(i);
+                    return j;
                 }
-                return this.an(b.b.propertyName);
+                return this.ar(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 k = b.c;
+                if (k.length > 0 && typeCast(CodeGenerationItemBuilder.$, k[0]) !== null) {
+                    let l = b.c.o();
+                    if (l != null) {
+                        return l;
                     }
-                    let l = b.c.m();
-                    let m = this.an(l);
-                    return m;
+                    let m = b.c.m();
+                    let n = this.ar(m);
+                    return n;
                 }
-                return this.an(b.b.propertyName);
+                return this.ar(b.b.propertyName);
             }
-            return this.at();
+            return this.ax();
         }
-        am(a) {
+        aq(a, b) {
             return "";
         }
         ad(a) {
             return a.c;
         }
-        av(a) {
+        az(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 if (a.a.a) {
-                    return this.ao(a);
+                    return this.as(a);
                 }
                 else {
-                    return this.au(a);
+                    return this.ay(a);
                 }
             }
-            return this.at();
+            return this.ax();
         }
         s(a) {
             if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
@@ -349,30 +433,30 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        au(a) {
+        ay(a) {
             return "";
         }
-        ao(a) {
+        as(a) {
             return "";
         }
-        ar(a) {
+        av(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
                 return a.a.e;
             }
-            return this.at();
+            return this.ax();
         }
-        ap(a) {
+        at(a) {
             return a.c != null ? a.c.toString() : "";
         }
-        as(a) {
-            return this.aq(a);
+        aw(a) {
+            return this.au(a);
         }
-        aq(a) {
+        au(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bh(a);
+                this.bn(a);
                 return a.a.e;
             }
-            return this.at();
+            return this.ax();
         }
         get_w() {
             return false;
@@ -402,36 +486,36 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
             let b = a;
             return ColorUtil.i(b.color, this.w);
         }
-        bf(a) {
+        bl(a) {
             this.aa.h(a);
             this.ab.h(false);
         }
-        be(a) {
-            let b = this.an(a);
+        bk(a) {
+            let b = this.ar(a);
             this.aa.h(b);
             this.ab.h(true);
         }
-        an(a) {
-            let b = stringReplace(stringReplace(a, this.az, ""), "Component", "");
-            b = CodeGeneratingComponentRenderer.d0(b);
+        ar(a) {
+            let b = stringReplace(stringReplace(a, this.a4, ""), "Component", "");
+            b = CodeGeneratingComponentRenderer.d2(b);
             return this.j.v(b);
         }
-        bc() {
-            this.ax = this.aa.e();
+        bi() {
+            this.a1 = this.aa.e();
             this.ab.e();
         }
-        get_az() {
+        get_a4() {
             return "";
         }
-        get az() {
-            return this.get_az();
+        get a4() {
+            return this.get_a4();
         }
-        get aj() {
+        get am() {
             if (this.aa.f > 0) {
                 return this.aa.d();
             }
-            let a = stringReplace(stringReplace(this.ak, this.az, ""), "Component", "");
-            return CodeGeneratingComponentRenderer.d0(a);
+            let a = stringReplace(stringReplace(this.an, this.a4, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.d2(a);
         }
         get u() {
             return this.ac.f == 1;
@@ -460,33 +544,33 @@ export let CodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (() => {
         get n() {
             return this.get_n();
         }
-        bd() {
-            this.ax = this.aa.e();
+        bj() {
+            this.a1 = this.aa.e();
         }
-        a5(a) {
+        ba(a) {
             let b = this.f.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        a8(a) {
+        bd(a) {
             let b = this.g.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        a4(a) {
+        a9(a) {
             let b = this.e.toString();
             if (b.length > 0) {
                 a.l(b);
             }
         }
-        a6(a) {
+        bb(a, b) {
             if (this.z.count > 0) {
-                this.a7(this.z, a);
+                this.bc(a, this.z, b);
             }
         }
-        a7(a, b) {
+        bc(a, b, c) {
         }
     }
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
@@ -499,9 +583,9 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class BlazorRazorCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bk = 0;
-            this.bi = new HashSet$1(String_$type, 0);
-            this.bj = new HashSet$1(String_$type, 0);
+            this.bq = 0;
+            this.bo = new HashSet$1(String_$type, 0);
+            this.bp = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -509,28 +593,63 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         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.d0(d) + " = null;");
-            this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.d1(d));
+        ao(a, b, c, d) {
+            d = super.ao(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.d0(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
             this.f.f();
             this.f.l("}");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.d1(d);
+            return CodeGeneratingComponentRenderer.d3(d);
+        }
+        ap(a, b, c, d, e) {
+            e = super.ap(a, b, c, d, e);
+            let f = null;
+            if (c.count > 0) {
+                f = c._inner[0].q() + "[]";
+            }
+            else {
+                let g = a.b.specificExternalType;
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            }
+            this.f.l("private " + f + " _" + CodeGeneratingComponentRenderer.d2(e) + " = null;");
+            this.f.l("public " + f + " " + CodeGeneratingComponentRenderer.d3(e));
+            this.f.l("{");
+            this.f.h();
+            this.f.l("get");
+            this.f.l("{");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(e) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k("var " + CodeGeneratingComponentRenderer.d2(e) + " = new " + stringReplace(f, "[]", "") + "[" + c.count + "];");
+            for (let h = 0; h < c.count; h++) {
+                this.f.k(d._inner[h]);
+                this.f.k(e + "[" + h + "] = " + c._inner[h].t + ";");
+            }
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(e) + " = " + e + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(e) + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.f();
+            this.f.l("}");
+            return CodeGeneratingComponentRenderer.d3(e);
         }
         i(a, b) {
             return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
@@ -538,71 +657,90 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         get_x() {
             return false;
         }
-        bl(a, b) {
-            if (b.c == null) {
+        br(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;
-        }
-        am(a) {
-            if (a.b.specificExternalType == "string") {
-                return this.bl(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.a4 + 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.a0(a, f, true) + "\"";
+                }
+                else {
+                    g += this.a0(a, f, true);
                 }
-                c += b[d];
             }
-            return c;
+            g += " })";
+            return g;
+        }
+        aq(a, b) {
+            let c = b.b.specificType;
+            if (c == null) {
+                c = b.b.specificExternalType;
+            }
+            return this.br(a, c, b);
         }
-        a3(a) {
-            super.a3(a);
+        a8(a, b, c) {
+            super.a8(a, b, c);
             this.h.l("<" + a + "");
-            if (!this.bi.contains(this.aj)) {
-                this.bi.add_1(this.aj);
-                if (!this.bj.contains(this.ak)) {
-                    this.bj.add_1(this.ak);
-                    this.a2(this.ak);
+            if (!this.bo.contains(this.am)) {
+                this.bo.add_1(this.am);
+                if (!this.bp.contains(this.an)) {
+                    this.bp.add_1(this.an);
+                    this.a7(this.an);
                 }
-                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                 if (!this.p) {
                     if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                 }
             }
         }
-        bg() {
+        bm() {
             this.h.l(">");
             this.h.h();
         }
-        bb(a) {
+        bh(a) {
             this.h.f();
             this.h.l("</" + a + ">");
             this.h.l("");
-            super.bb(a);
+            super.bh(a);
         }
-        a9(a, b, c, d) {
-            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d1(c.b.propertyName)) && this.q(d, c)) {
-                this.bh(c);
+        be(a, b, c, d) {
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+                this.bn(c);
                 if (a > 0) {
                     this.h.l("");
                 }
@@ -615,29 +753,29 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 return;
             }
             if (this.s(c)) {
-                this.bh(c);
-                if (!this.bi.contains(this.aj)) {
-                    this.bi.add_1(this.aj);
-                    if (!this.bj.contains(this.ak)) {
-                        this.bj.add_1(this.ak);
-                        this.a2(this.ak);
-                    }
-                    this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.bn(c);
+                if (!this.bo.contains(this.am)) {
+                    this.bo.add_1(this.am);
+                    if (!this.bp.contains(this.an)) {
+                        this.bp.add_1(this.an);
+                        this.a7(this.an);
+                    }
+                    this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                     if (!this.p) {
                         if (this.u) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                     }
                 }
-                let e = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+                let e = CodeGeneratingComponentRenderer.d2(this.a0(d, c, true));
                 let f = e;
                 if (f != "null" && !stringStartsWith(f, "this.")) {
                     f = "this." + f;
                 }
-                this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + b + " = " + f + ";");
+                this.e.l(CodeGeneratingComponentRenderer.d2(this.am) + "." + b + " = " + f + ";");
                 return;
             }
             if (a > 0) {
@@ -664,19 +802,19 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                 this.h.j(b);
                 this.h.j("=");
                 this.h.j("\"");
-                this.h.j(this.aw(d, c, true));
+                this.h.j(this.a0(d, c, true));
                 this.h.j("\"");
             }
             if (b == "Name") {
                 this.h.l("");
-                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d0(this.aw(d, c, true)) + "\"");
+                this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d2(this.a0(d, c, true)) + "\"");
             }
         }
-        ap(a) {
+        at(a) {
             let b = a.b != null ? a.b.specificType + "." : "";
             return b + (a.c != null ? a.c.toString() : "");
         }
-        aw(a, b, c) {
+        a0(a, b, c) {
             if (b.b == null) {
                 return b.c;
             }
@@ -711,7 +849,7 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     }
                     return b.c.toString();
             }
-            return super.aw(a, b, c);
+            return super.a0(a, b, c);
         }
         ad(a) {
             let b = a.c;
@@ -723,28 +861,28 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        at() {
+        ax() {
             return "@null";
         }
-        ao(a) {
-            return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
+        as(a) {
+            return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
         }
-        bm(a) {
+        bs(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.d1(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
-        au(a) {
-            this.bh(a);
-            return CodeGeneratingComponentRenderer.d1(a.a.e);
+        ay(a) {
+            this.bn(a);
+            return CodeGeneratingComponentRenderer.d3(a.a.e);
         }
-        ba(a, b, c, d) {
+        bf(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);
+                            g.u(this, false);
                         }
                     }
                 }
@@ -752,11 +890,11 @@ export let BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.s(this, false);
+                    h.u(this, false);
                 }
             }
         }
-        get_az() {
+        get_a4() {
             return "Igb";
         }
     }
@@ -770,9 +908,9 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
     class BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bk = 0;
-            this.bi = new HashSet$1(String_$type, 0);
-            this.bj = new HashSet$1(String_$type, 0);
+            this.bq = 0;
+            this.bo = new HashSet$1(String_$type, 0);
+            this.bp = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return true;
@@ -786,7 +924,7 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
         get_x() {
             return false;
         }
-        bl(a, b) {
+        br(a, b) {
             if (b.c == null) {
                 return "null";
             }
@@ -801,91 +939,91 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             d += " }";
             return d;
         }
-        am(a) {
-            if (a.b.specificExternalType == "string") {
-                return this.bl(a.b.specificExternalType, a);
+        aq(a, b) {
+            if (b.b.specificExternalType == "string") {
+                return this.br(b.b.specificExternalType, b);
             }
-            if (a.c == null) {
+            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;
         }
-        a3(a) {
-            super.a3(a);
+        a8(a, b, c) {
+            super.a8(a, b, c);
             if (this.u) {
-                this.h.l("var " + this.aj + " = new " + a + "();");
+                this.h.l("var " + this.am + " = new " + a + "();");
             }
             else {
-                this.h.l("var " + this.aj + " = new " + a + "();");
+                this.h.l("var " + this.am + " = new " + a + "();");
             }
-            if (!this.bi.contains(this.aj)) {
-                this.bi.add_1(this.aj);
-                if (!this.bj.contains(this.ak)) {
-                    this.bj.add_1(this.ak);
-                    this.a2(this.ak);
+            if (!this.bo.contains(this.am)) {
+                this.bo.add_1(this.am);
+                if (!this.bp.contains(this.an)) {
+                    this.bp.add_1(this.an);
+                    this.a7(this.an);
                 }
-                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                 if (!this.p) {
                     if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                 }
             }
         }
-        bg() {
+        bm() {
         }
-        bb(a) {
-            super.bb(a);
+        bh(a) {
+            super.bh(a);
         }
-        a9(a, b, c, d) {
-            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d1(c.b.propertyName)) && this.q(d, c)) {
-                this.bh(c);
+        be(a, b, c, d) {
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+                this.bn(c);
                 if (a > 0) {
                     this.h.l("");
                 }
                 if (c.a == null || c.a.e == null) {
-                    this.h.j(this.aj + "." + b + "Name = null;");
+                    this.h.j(this.am + "." + b + "Name = null;");
                 }
                 else {
-                    this.h.j(this.aj + "." + b + "Name = " + c.a.e + ";");
+                    this.h.j(this.am + "." + b + "Name = " + c.a.e + ";");
                 }
                 return;
             }
             if (this.s(c)) {
-                this.bh(c);
-                if (!this.bi.contains(this.aj)) {
-                    this.bi.add_1(this.aj);
-                    if (!this.bj.contains(this.ak)) {
-                        this.bj.add_1(this.ak);
-                        this.a2(this.ak);
-                    }
-                    this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.bn(c);
+                if (!this.bo.contains(this.am)) {
+                    this.bo.add_1(this.am);
+                    if (!this.bp.contains(this.an)) {
+                        this.bp.add_1(this.an);
+                        this.a7(this.an);
+                    }
+                    this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                     if (!this.p) {
                         if (this.u) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + ";");
                     }
                 }
-                let e = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+                let e = CodeGeneratingComponentRenderer.d2(this.a0(d, c, true));
                 let f = e;
                 if (f != "null" && !stringStartsWith(f, "this.")) {
                     f = "this." + f;
                 }
-                this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + b + " = " + f + ";");
+                this.e.l(CodeGeneratingComponentRenderer.d2(this.am) + "." + b + " = " + f + ";");
                 return;
             }
             if (a > 0) {
@@ -896,31 +1034,38 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                 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 h = this.m.library.getItem(c.a.e);
-                                let i = h.getContentForPlatform(5);
-                                if (i != null && i.isJSContent) {
+                                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(this.am + ".");
                 this.h.j(b);
                 this.h.j(" = ");
-                this.h.j(this.aw(d, c, true));
+                if (h) {
+                    this.h.j("\"" + this.a0(d, c, true) + "\"");
+                }
+                else {
+                    this.h.j(this.a0(d, c, true));
+                }
                 this.h.j(";");
             }
         }
-        ap(a) {
+        at(a) {
             let b = a.b != null ? a.b.specificType + "." : "";
             return b + (a.c != null ? a.c.toString() : "");
         }
-        aw(a, b, c) {
+        a0(a, b, c) {
             if (b.b == null) {
                 return "\"" + b.c + "\"";
             }
@@ -957,10 +1102,10 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
                 case 5:
                 case 6:
                 case 16:
-                case 2: return "\"" + super.aw(a, b, c) + "\"";
+                case 2: return "\"" + super.a0(a, b, c) + "\"";
                 case 9: throw new NotSupportedException(1, "shouldn't get here");
             }
-            return super.aw(a, b, c);
+            return super.a0(a, b, c);
         }
         ad(a) {
             let b = a.c;
@@ -972,29 +1117,29 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             }
             return b.b;
         }
-        at() {
+        ax() {
             return "null";
         }
-        ao(a) {
-            return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
+        as(a) {
+            return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
         }
-        bm(a) {
+        bs(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.d1(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
-        au(a) {
-            this.bh(a);
-            return CodeGeneratingComponentRenderer.d1(a.a.e);
+        ay(a) {
+            this.bn(a);
+            return CodeGeneratingComponentRenderer.d3(a.a.e);
         }
-        ba(a, b, c, d) {
+        bf(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 + ");");
+                            g.u(this, false);
+                            this.h.l(this.am + "." + b + ".Add(" + this.a1 + ");");
                         }
                     }
                 }
@@ -1002,12 +1147,12 @@ export let BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PUR
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.s(this, false);
-                    this.h.l(this.aj + "." + b + " = " + this.ax + ";");
+                    h.u(this, false);
+                    this.h.l(this.am + "." + b + " = " + this.a1 + ";");
                 }
             }
         }
-        get_az() {
+        get_a4() {
             return "Igb";
         }
     }
@@ -1021,8 +1166,8 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
     class ReactMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bi = new HashSet$1(String_$type, 0);
-            this.bj = new HashSet$1(String_$type, 0);
+            this.bo = new HashSet$1(String_$type, 0);
+            this.bp = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -1030,79 +1175,108 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
         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.d0(d) + ": " + e + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+        ao(a, b, c, d) {
+            d = super.ao(a, b, c, d);
+            let e = b.q();
+            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.d0(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+            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);
+        }
+        ap(a, b, c, d, e) {
+            e = super.ap(a, b, c, d, e);
+            let f = null;
+            if (c.count > 0) {
+                f = c._inner[0].q() + "[]";
+            }
+            else {
+                let g = a.b.specificExternalType;
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            }
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d2(e) + ": " + f + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.d2(e) + "(): " + f + " {");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(e) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k("let " + CodeGeneratingComponentRenderer.d2(e) + ": " + f + " = [];");
+            for (let h = 0; h < c.count; h++) {
+                this.f.k(d._inner[h]);
+                this.f.k(e + ".push(" + c._inner[h].t + ")");
+            }
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(e) + " = " + e + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(e) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.d1(d);
+            return CodeGeneratingComponentRenderer.d3(e);
         }
         i(a, b) {
             return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        am(a) {
-            if (a.c == null) {
+        aq(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_w() {
             return true;
         }
-        get_az() {
+        get_a4() {
             return "Igr";
         }
-        a3(a) {
-            super.a3(a);
-            this.h.l("<" + this.bl(a) + "");
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            this.h.l("<" + this.br(a) + "");
             this.h.h();
-            if (!this.bj.contains(this.ak)) {
-                this.bj.add_1(this.ak);
-                this.a2(this.ak);
+            if (!this.bp.contains(this.an)) {
+                this.bp.add_1(this.an);
+                this.a7(this.an);
             }
-            if (!this.bi.contains(this.aj)) {
-                this.bi.add_1(this.aj);
-                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+            if (!this.bo.contains(this.am)) {
+                this.bo.add_1(this.am);
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.am) + ": " + this.an);
                 if (this.u) {
-                    this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + "Ref(r: " + this.ak + ") {");
+                    this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.am) + "Ref(r: " + this.an + ") {");
                     this.f.h();
-                    this.f.l("this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = r;");
+                    this.f.l("this." + CodeGeneratingComponentRenderer.d2(this.am) + " = r;");
                     this.f.l("this.setState({});");
                     this.f.f();
                     this.f.l("}");
-                    this.g.l("this." + CodeGeneratingComponentRenderer.d0(this.aj) + "Ref = " + "this." + CodeGeneratingComponentRenderer.d0(this.aj) + "Ref.bind(this);");
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(this.am) + "Ref = " + "this." + CodeGeneratingComponentRenderer.d2(this.am) + "Ref.bind(this);");
                 }
             }
         }
-        bl(a) {
+        br(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.d1(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
-        bg() {
+        bm() {
             if (!this.u && !this.p) {
-                let a = this.bk();
+                let a = this.bq();
                 this.h.l("");
                 this.h.l("name=\"" + a + "\"");
             }
@@ -1110,31 +1284,31 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             this.h.l(">");
             this.h.h();
         }
-        bk() {
-            let a = CodeGeneratingComponentRenderer.d0(stringReplace(stringReplace(this.ak, this.az, ""), "Component", ""));
+        bq() {
+            let a = CodeGeneratingComponentRenderer.d2(stringReplace(stringReplace(this.an, this.a4, ""), "Component", ""));
             a = this.k.u(a);
             return a;
         }
-        aq(a) {
+        au(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bh(a);
-                if (!this.bi.contains(a.a.e)) {
-                    this.g.l("this." + CodeGeneratingComponentRenderer.d0(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d0(a.a.e) + ".bind(this);");
+                this.bn(a);
+                if (!this.bo.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
             }
-            return this.at();
+            return this.ax();
         }
-        bb(a) {
+        bh(a) {
             this.h.f();
-            this.h.l("</" + this.bl(a) + ">");
-            super.bb(a);
-        }
-        a9(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.d0(b);
-            let f = this.aw(d, c, true);
-            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d1(c.b.propertyName)) && this.q(d, c)) {
-                this.bh(c);
+            this.h.l("</" + this.br(a) + ">");
+            super.bh(a);
+        }
+        be(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
+            let f = this.a0(d, c, true);
+            if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+                this.bn(c);
                 if (a > 0) {
                     this.h.l("");
                 }
@@ -1149,7 +1323,7 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             if (!(e == "name") || !this.u) {
                 let g = (c.b != null && c.b.knownType == 10);
                 if (this.q(d, c) || g) {
-                    this.bh(c);
+                    this.bn(c);
                     f = "{" + f + "}";
                 }
                 if (a > 0) {
@@ -1171,7 +1345,7 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
                     if (a > 0) {
                         this.h.l("");
                     }
-                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.d0(this.aw(d, c, true)) + "Ref}");
+                    this.h.j("ref={this." + CodeGeneratingComponentRenderer.d2(this.a0(d, c, true)) + "Ref}");
                 }
             }
         }
@@ -1185,23 +1359,23 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             }
             return b.b;
         }
-        at() {
+        ax() {
             return "null";
         }
-        ao(a) {
-            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+        as(a) {
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        au(a) {
-            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+        ay(a) {
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        ba(a, b, c, d) {
+        bf(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);
+                            g.u(this, false);
                         }
                     }
                 }
@@ -1209,15 +1383,13 @@ export let ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.s(this, false);
+                    h.u(this, false);
                 }
             }
         }
-        a7(a, b) {
-            super.a7(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-react-" + this.ay, c);
-            }
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
         }
     }
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1230,9 +1402,9 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
     class WebCodeBehindCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bk = 0;
-            this.bi = new HashSet$1(String_$type, 0);
-            this.bj = new HashSet$1(String_$type, 0);
+            this.br = 0;
+            this.bp = new HashSet$1(String_$type, 0);
+            this.bq = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return true;
@@ -1240,113 +1412,167 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
         get r() {
             return this.get_r();
         }
-        am(a) {
-            if (a.c == null) {
+        bo(a) {
+            if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
+                return false;
+            }
+            let b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
+            for (let c = 0; c < b.length; c++) {
+                if (b[c].toLowerCase() == this.a3) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        at(a) {
+            if (this.bo(a)) {
+                return "\"" + CodeGeneratingComponentRenderer.d4(a.c.toString()) + "\"";
+            }
+            else {
+                if (!this.bq.contains(a.b.specificType)) {
+                    this.bq.add_1(a.b.specificType);
+                    if (a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
+                        let b = a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
+                        this.a7(a.b.specificType + ":" + b);
+                    }
+                    else if (a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
+                        let c = a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
+                        this.a7(a.b.specificType + ":" + c);
+                    }
+                    else {
+                        this.a7(a.b.specificType);
+                    }
+                }
+                let d = a.b != null ? a.b.specificType + "." : "";
+                return d + (a.c != null ? a.c.toString() : "");
+            }
+        }
+        aq(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_w() {
             return true;
         }
-        a3(a) {
-            super.a3(a);
-            if (a == "any") {
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            let d = false;
+            if (c.getMetadata(b, "__isPlainObject") != null) {
+                d = true;
+            }
+            if (d) {
                 if (this.u) {
-                    this.h.l("var " + this.aj + ": any = {};");
+                    this.h.l("var " + this.am + ": " + a + " = {} as " + a + ";");
                 }
                 else {
-                    this.h.l("var " + this.aj + ": any = {};");
+                    this.h.l("var " + this.am + ": " + a + " = {} as " + a + ";");
                 }
             }
             else {
                 if (this.u) {
-                    this.h.l("var " + this.aj + " = new " + a + "();");
+                    this.h.l("var " + this.am + " = new " + a + "();");
                 }
                 else {
-                    this.h.l("var " + this.aj + " = new " + a + "();");
+                    this.h.l("var " + this.am + " = new " + a + "();");
                 }
             }
-            if (!this.bi.contains(this.aj)) {
-                this.bi.add_1(this.aj);
-                if (!this.bj.contains(this.ak)) {
-                    this.bj.add_1(this.ak);
-                    this.a2(this.ak);
+            if (!this.bp.contains(this.am)) {
+                this.bp.add_1(this.am);
+                if (!this.bq.contains(this.an)) {
+                    this.bq.add_1(this.an);
+                    this.a7(this.an);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.am) + ": " + this.an);
                 if (!this.p) {
                     if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d2(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d5(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
                 }
             }
         }
-        bl(a) {
+        bs(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.d2(a);
+            return CodeGeneratingComponentRenderer.d5(a);
         }
-        bg() {
+        bm() {
+            this.h.l("");
         }
-        bb(a) {
-            super.bb(a);
+        bg(a) {
         }
-        a9(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.d0(b);
-            if (this.q(d, c)) {
-                this.bh(c);
-                if (!this.bi.contains(this.aj)) {
-                    this.bi.add_1(this.aj);
-                    if (!this.bj.contains(this.ak)) {
-                        this.bj.add_1(this.ak);
-                        this.a2(this.ak);
-                    }
-                    this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+        bh(a) {
+            {
+                this.h.l("");
+            }
+            super.bh(a);
+        }
+        be(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
+            if (e == "name" && c.b == null) {
+                return;
+            }
+            if (this.s(c)) {
+                this.bn(c);
+                if (!this.bp.contains(this.am)) {
+                    this.bp.add_1(this.am);
+                    if (!this.bq.contains(this.an)) {
+                        this.bq.add_1(this.an);
+                        this.a7(this.an);
+                    }
+                    this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.am) + ": " + this.an);
                     if (!this.p) {
                         if (this.u) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d2(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d5(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+                let f = CodeGeneratingComponentRenderer.d2(this.a0(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.d0(this.aj) + "['" + e + "'] = " + g);
+                if (this.an == "any" && stringContains(e, "-")) {
+                    this.e.l(CodeGeneratingComponentRenderer.d2(this.am) + "['" + e + "'] = " + g + ";");
                 }
                 else {
-                    this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + e + " = " + g);
+                    if (c.b != null && c.b.isCustomEvent) {
+                        this.e.l(CodeGeneratingComponentRenderer.d2(this.am) + ".addEventListener(\"" + e + "\", " + g + ");");
+                    }
+                    else {
+                        this.e.l(CodeGeneratingComponentRenderer.d2(this.am) + "." + e + " = " + g + ";");
+                    }
                 }
                 return;
             }
             if (a > 0) {
                 this.h.l("");
             }
-            if (this.ak == "any" && stringContains(e, "-")) {
-                this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d0(this.aj) + "['" + e + "']");
+            if (this.an == "any" && stringContains(e, "-")) {
+                this.h.j(this.am + "." + CodeGeneratingComponentRenderer.d2(this.am) + "['" + e + "']");
             }
             else {
-                this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d0(e));
+                this.h.j(this.am + "." + CodeGeneratingComponentRenderer.d2(e));
             }
             this.h.j(" = ");
-            this.h.j(this.aw(d, c, true));
+            this.h.j(this.a0(d, c, true));
+            this.h.j(";");
         }
         ad(a) {
             let b = a.c;
@@ -1358,26 +1584,26 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
             }
             return b.b;
         }
-        at() {
+        ax() {
             return "null";
         }
-        ao(a) {
-            return CodeGeneratingComponentRenderer.d0(a.a.e);
+        as(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        au(a) {
-            return CodeGeneratingComponentRenderer.d0(a.a.e);
+        ay(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        aq(a) {
+        au(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bh(a);
-                if (!this.bi.contains(a.a.e)) {
-                    this.g.l("this." + CodeGeneratingComponentRenderer.d0(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d0(a.a.e) + ".bind(this);");
+                this.bn(a);
+                if (!this.bp.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
             }
-            return this.at();
+            return this.ax();
         }
-        aw(a, b, c) {
+        a0(a, b, c) {
             if (b.b == null) {
                 return "\"" + b.c + "\"";
             }
@@ -1414,29 +1640,45 @@ export let WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__
                 case 5:
                 case 6:
                 case 16:
-                case 2: return "\"" + super.aw(a, b, c) + "\"";
+                case 2: return "\"" + super.a0(a, b, c) + "\"";
                 case 9: throw new NotSupportedException(1, "shouldn't get here");
             }
-            return super.aw(a, b, c);
+            return super.a0(a, b, c);
         }
-        ba(a, b, c, d) {
+        bf(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 + ");");
+                    let f = true;
+                    for (let g of fromEn(e)) {
+                        if (typeCast(CodeGenerationItemBuilder.$, g) !== null) {
+                            let h = g;
+                            h.u(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.am + "." + b + " = []");
+                                }
+                                this.h.l(this.am + "." + b + ".push(" + this.a1 + ");");
+                            }
+                            else {
+                                this.h.l(this.am + "." + b + ".add(" + this.a1 + ");");
+                            }
                         }
                     }
                 }
             }
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
-                    let h = c.c;
-                    h.s(this, false);
-                    this.h.l(this.aj + "." + b + " = " + this.ax + ";");
+                    let l = c.c;
+                    l.u(this, false);
+                    this.h.l(this.am + "." + b + " = " + this.a1 + ";");
                 }
             }
         }
@@ -1458,14 +1700,12 @@ export let ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         i(a, b) {
             return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_az() {
+        get_a4() {
             return "Igc";
         }
-        a7(a, b) {
-            super.a7(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-react-" + this.ay, c);
-            }
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
         }
     }
     ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
@@ -1478,9 +1718,9 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
     class WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bk = 0;
-            this.bi = new HashSet$1(String_$type, 0);
-            this.bj = new HashSet$1(String_$type, 0);
+            this.br = 0;
+            this.bp = new HashSet$1(String_$type, 0);
+            this.bq = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -1488,127 +1728,179 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
         get r() {
             return this.get_r();
         }
+        bo(a) {
+            if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
+                return false;
+            }
+            let b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
+            for (let c = 0; c < b.length; c++) {
+                if (b[c].toLowerCase() == this.a3) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        at(a) {
+            if (this.bo(a)) {
+                return CodeGeneratingComponentRenderer.d4(a.c.toString());
+            }
+            else {
+                return super.at(a);
+            }
+        }
         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.d0(d) + ": " + e + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+        ao(a, b, c, d) {
+            d = super.ao(a, b, c, d);
+            let e = b.q();
+            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.d0(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.d1(d);
+            return CodeGeneratingComponentRenderer.d3(d);
         }
-        am(a) {
-            if (a.c == null) {
+        ap(a, b, c, d, e) {
+            e = super.ap(a, b, c, d, e);
+            let f = null;
+            if (c.count > 0) {
+                f = c._inner[0].q() + "[]";
+            }
+            else {
+                let g = a.b.specificExternalType;
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            }
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d2(e) + ": " + f + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.d2(e) + "(): " + f + " {");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(e) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k("let " + CodeGeneratingComponentRenderer.d2(e) + ": " + f + " = [];");
+            for (let h = 0; h < c.count; h++) {
+                this.f.k(d._inner[h]);
+                this.f.k(e + ".push(" + c._inner[h].t + ")");
+            }
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(e) + " = " + e + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(e) + ";");
+            this.f.f();
+            this.f.l("}");
+            return CodeGeneratingComponentRenderer.d3(e);
+        }
+        aq(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_w() {
             return true;
         }
-        a3(a) {
-            super.a3(a);
-            this.h.l("<" + this.bl(a) + "");
-            if (!this.bi.contains(this.aj)) {
-                this.bi.add_1(this.aj);
-                if (!this.bj.contains(this.ak)) {
-                    this.bj.add_1(this.ak);
-                    this.a2(this.ak);
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            this.h.l("<" + this.bs(a) + "");
+            if (!this.bp.contains(this.am)) {
+                this.bp.add_1(this.am);
+                if (!this.bq.contains(this.an)) {
+                    this.bq.add_1(this.an);
+                    this.a7(this.an);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.am) + ": " + this.an);
                 if (!this.p) {
                     if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d2(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d5(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
                 }
             }
         }
-        bl(a) {
+        bs(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.d2(a);
+            return CodeGeneratingComponentRenderer.d5(a);
         }
-        bg() {
+        bm() {
             this.h.l(">");
             this.h.h();
         }
-        bb(a) {
+        bh(a) {
             this.h.f();
-            this.h.l("</" + this.bl(a) + ">");
-            super.bb(a);
+            this.h.l("</" + this.bs(a) + ">");
+            super.bh(a);
         }
-        get_az() {
+        get_a4() {
             return "Igc";
         }
-        a7(a, b) {
-            super.a7(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-webcomponents-" + this.ay, c);
-            }
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
         }
-        a9(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.d0(b);
+        be(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
             if (this.q(d, c)) {
-                this.bh(c);
-                if (!this.bi.contains(this.aj)) {
-                    this.bi.add_1(this.aj);
-                    if (!this.bj.contains(this.ak)) {
-                        this.bj.add_1(this.ak);
-                        this.a2(this.ak);
-                    }
-                    this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+                this.bn(c);
+                if (!this.bp.contains(this.am)) {
+                    this.bp.add_1(this.am);
+                    if (!this.bq.contains(this.an)) {
+                        this.bq.add_1(this.an);
+                        this.a7(this.an);
+                    }
+                    this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.am) + ": " + this.an);
                     if (!this.p) {
                         if (this.u) {
-                            this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d2(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
+                            this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d5(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
                         }
                     }
                     else {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.am) + " = this." + CodeGeneratingComponentRenderer.d2(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
                     }
                 }
-                let f = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+                let f = CodeGeneratingComponentRenderer.d2(this.a0(d, c, true));
                 let g = f;
                 if (g != "null" && !stringStartsWith(g, "this.")) {
                     g = "this." + g;
                 }
-                this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + e + " = " + g);
+                if (c.b.isCustomEvent) {
+                    this.e.l(CodeGeneratingComponentRenderer.d2(this.am) + ".addEventListener(\"" + e + "\", " + g + ")");
+                }
+                else {
+                    this.e.l(CodeGeneratingComponentRenderer.d2(this.am) + "." + e + " = " + g);
+                }
                 return;
             }
             if (a > 0) {
                 this.h.l("");
             }
-            this.h.j(CodeGeneratingComponentRenderer.d2(e));
+            this.h.j(CodeGeneratingComponentRenderer.d5(e));
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.aw(d, c, true));
+            this.h.j(this.a0(d, c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.l("");
-                this.h.j("id =\"" + this.aw(d, c, true) + "\"");
+                this.h.j("id =\"" + this.a0(d, c, true) + "\"");
             }
         }
         ad(a) {
@@ -1621,33 +1913,33 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             }
             return b.b;
         }
-        at() {
+        ax() {
             return "null";
         }
-        ao(a) {
-            return CodeGeneratingComponentRenderer.d0(a.a.e);
+        as(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        au(a) {
-            return CodeGeneratingComponentRenderer.d0(a.a.e);
+        ay(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        aq(a) {
+        au(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bh(a);
-                if (!this.bi.contains(a.a.e)) {
-                    this.g.l("this." + CodeGeneratingComponentRenderer.d0(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d0(a.a.e) + ".bind(this);");
+                this.bn(a);
+                if (!this.bp.contains(a.a.e)) {
+                    this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
                 }
-                return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
             }
-            return this.at();
+            return this.ax();
         }
-        ba(a, b, c, d) {
+        bf(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);
+                            g.u(this, false);
                         }
                     }
                 }
@@ -1655,7 +1947,7 @@ export let WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /*@__
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.s(this, false);
+                    h.u(this, false);
                 }
             }
         }
@@ -1674,14 +1966,12 @@ export let WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /
         i(a, b) {
             return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_az() {
+        get_a4() {
             return "Igc";
         }
-        a7(a, b) {
-            super.a7(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-webcomponents-" + this.ay, c);
-            }
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
         }
     }
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
@@ -1699,11 +1989,11 @@ export let TSCodeGeneratingComponentRendererHandlerEmitter = /*@__PURE__*/ (() =
         }
         r(a, b) {
             super.r(a, b);
-            this.f.l("this." + CodeGeneratingComponentRenderer.d0(a) + "();");
+            this.f.l("this." + CodeGeneratingComponentRenderer.d2(a) + "();");
         }
         s(a, b) {
             super.s(a, b);
-            this.g.l("this." + CodeGeneratingComponentRenderer.d0(a) + "();");
+            this.g.l("this." + CodeGeneratingComponentRenderer.d2(a) + "();");
         }
         get v() {
             switch (this.u) {
@@ -1768,7 +2058,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             this.ak = new Dictionary$2(CodeGeneratingCodeWriter.$, Number_$type, 0);
         }
         v(a, b = false) {
-            a = CodeGeneratingComponentRenderer.d1(a);
+            a = CodeGeneratingComponentRenderer.d3(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
@@ -1777,11 +2067,14 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
         }
         u(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.d0(a);
+            if (this.p.e) {
+                return a;
+            }
+            return CodeGeneratingComponentRenderer.d2(a);
         }
         ao(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.d0(a);
+            return "_" + CodeGeneratingComponentRenderer.d2(a);
         }
         get_s() {
             return ".ts";
@@ -1834,7 +2127,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
             if (b == 2 || (c != null && c.isAsync)) {
                 this.g.l("private " + this.ao(a) + "Fetching: boolean = false;");
             }
-            this.g.l("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.l("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
@@ -1872,7 +2165,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
         ag(a, b) {
             super.ag(a, b);
             this.g.l("private " + this.ao(a) + ": " + this.al(b.e) + " = " + this.am(b) + ";");
-            this.g.l("public get " + this.u(a) + "(): " + this.al(b.e) + " {");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.d2(a) + "(): " + this.al(b.e) + " {");
             this.g.h();
             this.g.l("return this." + this.ao(a) + ";");
             this.g.f();
@@ -1882,7 +2175,7 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
         ah(a, b, c, d) {
             super.ah(a, b, c, d);
             this.g.l("private " + this.ao(a) + ": " + this.v(a, false) + "Item = null;");
-            this.g.l("public get " + this.u(a) + "(): " + this.v(a, false) + "Item {");
+            this.g.l("public get " + CodeGeneratingComponentRenderer.d2(a) + "(): " + this.v(a, false) + "Item {");
             this.g.h();
             this.g.l("if (this." + this.ao(a) + " == null)");
             this.g.l("{");
@@ -1907,7 +2200,7 @@ 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);
@@ -1940,7 +2233,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);
@@ -2001,11 +2294,11 @@ export let TSCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (() => {
                     }
                     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 {
@@ -2050,9 +2343,9 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
     class AngularTemplateCodeGeneratingComponentRendererCodeEmitter extends CodeGeneratingComponentRendererCodeEmitter {
         constructor(a, b) {
             super(a, b);
-            this.bk = 0;
-            this.bi = new HashSet$1(String_$type, 0);
-            this.bj = new HashSet$1(String_$type, 0);
+            this.bq = 0;
+            this.bo = new HashSet$1(String_$type, 0);
+            this.bp = new HashSet$1(String_$type, 0);
         }
         get_r() {
             return false;
@@ -2060,85 +2353,112 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
         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.d0(d) + ": " + e + " | null = null;");
-            this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+        ao(a, b, c, d) {
+            d = super.ao(a, b, c, d);
+            let e = b.q();
+            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.d0(d) + " == null)");
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
             this.f.l("{");
             this.f.h();
             this.f.k(c);
-            this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
             this.f.f();
             this.f.l("}");
-            this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
             this.f.f();
             this.f.l("}");
-            return CodeGeneratingComponentRenderer.d1(d);
+            return CodeGeneratingComponentRenderer.d3(d);
+        }
+        ap(a, b, c, d, e) {
+            e = super.ap(a, b, c, d, e);
+            let f = null;
+            if (c.count > 0) {
+                f = c._inner[0].q() + "[]";
+            }
+            else {
+                let g = a.b.specificExternalType;
+                f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            }
+            this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d2(e) + ": " + f + " | null = null;");
+            this.f.l("public get " + CodeGeneratingComponentRenderer.d2(e) + "(): " + f + " {");
+            this.f.h();
+            this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(e) + " == null)");
+            this.f.l("{");
+            this.f.h();
+            this.f.k("let " + CodeGeneratingComponentRenderer.d2(e) + ": " + f + " = [];");
+            for (let h = 0; h < c.count; h++) {
+                this.f.k(d._inner[h]);
+                this.f.k(e + ".push(" + c._inner[h].t + ")");
+            }
+            this.f.l("this._" + CodeGeneratingComponentRenderer.d2(e) + " = " + e + ";");
+            this.f.f();
+            this.f.l("}");
+            this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(e) + ";");
+            this.f.f();
+            this.f.l("}");
+            return CodeGeneratingComponentRenderer.d3(e);
         }
         i(a, b) {
             return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        am(a) {
-            if (a.c == null) {
+        aq(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_w() {
             return true;
         }
-        get_az() {
+        get_a4() {
             return "Igx";
         }
-        a3(a) {
-            super.a3(a);
-            this.h.l("<" + this.bl(a) + "");
-            if (!this.bi.contains(this.aj)) {
-                this.bi.add_1(this.aj);
-                if (!this.bj.contains(this.ak)) {
-                    this.bj.add_1(this.ak);
-                    this.a2(this.ak);
+        a8(a, b, c) {
+            super.a8(a, b, c);
+            this.h.l("<" + this.br(a) + "");
+            if (!this.bo.contains(this.am)) {
+                this.bo.add_1(this.am);
+                if (!this.bp.contains(this.an)) {
+                    this.bp.add_1(this.an);
+                    this.a7(this.an);
                 }
-                this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.d0(this.aj) + "\", { static: true } )");
-                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+                this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.d2(this.am) + "\", { static: true } )");
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.am) + ": " + this.an);
             }
         }
-        a7(a, b) {
-            super.a7(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-angular-" + this.ay, c);
-            }
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
         }
-        bl(a) {
+        br(a) {
             if (stringEndsWith(a, "Component")) {
                 a = a.substr(0, a.length - ("Component").length);
             }
-            return CodeGeneratingComponentRenderer.d2(a);
+            return CodeGeneratingComponentRenderer.d5(a);
         }
-        bg() {
+        bm() {
             this.h.l(">");
             this.h.h();
         }
-        bb(a) {
+        bh(a) {
             this.h.f();
-            this.h.l("</" + this.bl(a) + ">");
-            super.bb(a);
+            this.h.l("</" + this.br(a) + ">");
+            super.bh(a);
         }
-        a9(a, b, c, d) {
-            let e = CodeGeneratingComponentRenderer.d0(b);
+        be(a, b, c, d) {
+            let e = CodeGeneratingComponentRenderer.d2(b);
             if (this.q(d, c)) {
-                this.bh(c);
+                this.bn(c);
                 if (this.t(c)) {
                     e = "(" + e + ")";
                 }
@@ -2152,19 +2472,19 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             this.h.j(e);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.aw(d, c, true));
+            this.h.j(this.a0(d, c, true));
             this.h.j("\"");
             if (e == "name") {
                 this.h.l("");
-                this.h.j("#" + CodeGeneratingComponentRenderer.d0(this.aw(d, c, true)));
+                this.h.j("#" + CodeGeneratingComponentRenderer.d2(this.a0(d, c, true)));
             }
         }
-        aq(a) {
+        au(a) {
             if (!stringIsNullOrEmpty(a.a.e)) {
-                this.bh(a);
-                return "this." + CodeGeneratingComponentRenderer.d0(a.a.e) + "($event)";
+                this.bn(a);
+                return "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + "($event)";
             }
-            return this.at();
+            return this.ax();
         }
         ad(a) {
             let b = a.c;
@@ -2176,23 +2496,23 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             }
             return b.b;
         }
-        at() {
+        ax() {
             return "null";
         }
-        ao(a) {
-            return CodeGeneratingComponentRenderer.d0(a.a.e);
+        as(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        au(a) {
-            return CodeGeneratingComponentRenderer.d0(a.a.e);
+        ay(a) {
+            return CodeGeneratingComponentRenderer.d2(a.a.e);
         }
-        ba(a, b, c, d) {
+        bf(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);
+                            g.u(this, false);
                         }
                     }
                 }
@@ -2200,7 +2520,7 @@ export let AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /*@__PURE
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.s(this, false);
+                    h.u(this, false);
                 }
             }
         }
@@ -2222,14 +2542,12 @@ export let AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /*@__PU
         i(a, b) {
             return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
         }
-        get_az() {
+        get_a4() {
             return "Igc";
         }
-        a7(a, b) {
-            super.a7(a, b);
-            for (let c of fromEnum(a)) {
-                b.addPackageImport("igniteui-angular-" + this.ay, c);
-            }
+        bc(a, b, c) {
+            super.bc(a, b, c);
+            WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
         }
     }
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
@@ -2264,7 +2582,7 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
             super.ac(a);
         }
         v(a, b = false) {
-            a = CodeGeneratingComponentRenderer.d1(a);
+            a = CodeGeneratingComponentRenderer.d3(a);
             a = stringReplace(a, "-", "_");
             if (b) {
                 a += "Item";
@@ -2273,11 +2591,11 @@ export let DotNetCodeGeneratingComponentRendererDataEmitter = /*@__PURE__*/ (()
         }
         u(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.d1(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
         ao(a) {
             a = stringReplace(a, "-", "_");
-            return "_" + CodeGeneratingComponentRenderer.d0(a);
+            return "_" + CodeGeneratingComponentRenderer.d2(a);
         }
         aj(a, b, c, d, e) {
             super.aj(a, b, c, d, e);
@@ -2527,34 +2845,34 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
         get_x() {
             return false;
         }
-        am(a) {
-            if (a.c == null) {
+        aq(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;
         }
-        a3(a) {
-            super.a3(a);
+        a8(a, b, c) {
+            super.a8(a, b, c);
             this.h.l("<ig:" + a + "");
         }
-        bg() {
+        bm() {
             this.h.l(">");
             this.h.h();
         }
-        bb(a) {
+        bh(a) {
             this.h.f();
             this.h.l("</ig:" + a + ">");
-            super.bb(a);
+            super.bh(a);
         }
-        a9(a, b, c, d) {
+        be(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) {
@@ -2563,7 +2881,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
                     this.h.j(b);
                     this.h.j("=");
                     this.h.j("\"");
-                    this.h.j("{}" + this.aw(d, c, true));
+                    this.h.j("{}" + this.a0(d, c, true));
                     this.h.j("\"");
                     return;
                 }
@@ -2574,7 +2892,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.aw(d, c, true));
+            this.h.j(this.a0(d, c, true));
             this.h.j("\"");
         }
         ad(a) {
@@ -2587,24 +2905,24 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             }
             return b.b;
         }
-        at() {
+        ax() {
             return "{x:Null}";
         }
-        ao(a) {
+        as(a) {
             return "{Binding ElementName=" + a.a.e + "}";
         }
-        bi(a) {
+        bo(a) {
             a = stringReplace(a, "-", "_");
-            return CodeGeneratingComponentRenderer.d1(a);
+            return CodeGeneratingComponentRenderer.d3(a);
         }
-        au(a) {
-            this.bh(a);
-            return "{Binding " + this.bi(a.a.e) + "}";
+        ay(a) {
+            this.bn(a);
+            return "{Binding " + this.bo(a.a.e) + "}";
         }
-        ba(a, b, c, d) {
+        bf(a, b, c, d) {
             this.h.j("<ig:");
             {
-                this.h.j(this.ak);
+                this.h.j(this.an);
                 this.h.j(".");
             }
             this.h.j(b);
@@ -2616,7 +2934,7 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
                     for (let f of fromEn(e)) {
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             let g = f;
-                            g.s(this, false);
+                            g.u(this, false);
                         }
                     }
                 }
@@ -2624,19 +2942,19 @@ export let WPFXamlCodeGeneratingComponentRendererCodeEmitter = /*@__PURE__*/ (()
             else {
                 if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                     let h = c.c;
-                    h.s(this, false);
+                    h.u(this, false);
                 }
             }
             this.h.f();
             this.h.j("</ig:");
             {
-                this.h.j(this.ak);
+                this.h.j(this.an);
                 this.h.j(".");
             }
             this.h.j(b);
             this.h.l(">");
         }
-        get_az() {
+        get_a4() {
             return "Xam";
         }
     }
@@ -2674,16 +2992,16 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
     class CodeGeneratingComponentRenderer extends ComponentRenderer {
         constructor(a, b) {
             super();
-            this.ds = null;
-            this.dt = 0;
-            this.dw = null;
-            this.dx = null;
-            this.dy = null;
-            this.dv = null;
             this.du = null;
-            this.ds = b;
-            this.dt = a;
-            ComponentRenderer.platform = CodeGeneratingComponentRenderer.dz(a);
+            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);
@@ -2695,7 +3013,13 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        static d0(a) {
+        cu(a) {
+            this.du.b = a;
+        }
+        n() {
+            return false;
+        }
+        static d2(a) {
             if (a == null) {
                 return null;
             }
@@ -2704,7 +3028,19 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toLowerCase() + a.substr(1);
         }
-        static d1(a) {
+        static d4(a) {
+            if (a == null) {
+                return null;
+            }
+            if (a.length == 1) {
+                return a.toLowerCase();
+            }
+            if (Base.equalsStatic(a.toUpperCase(), a)) {
+                return a;
+            }
+            return a.substr(0, 1).toLowerCase() + a.substr(1);
+        }
+        static d3(a) {
             if (a == null) {
                 return null;
             }
@@ -2713,7 +3049,7 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return a.substr(0, 1).toUpperCase() + a.substr(1);
         }
-        static d2(a) {
+        static d5(a) {
             if (a == null) {
                 return null;
             }
@@ -2748,27 +3084,22 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return j.toString();
         }
-        ao() {
-            return true;
-        }
-        ab(a) {
-            super.ab(a);
-            this.dw = a;
+        ap() {
             return true;
         }
-        ai(a) {
-            super.ai(a);
+        ac(a) {
+            super.ac(a);
             this.dy = a;
             return true;
         }
-        ac(a) {
-            super.ac(a);
-            this.du = a;
+        aj(a) {
+            super.aj(a);
+            this.d0 = a;
             return true;
         }
         ad(a) {
             super.ad(a);
-            this.dv = a;
+            this.dw = a;
             return true;
         }
         ae(a) {
@@ -2776,8 +3107,13 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             this.dx = a;
             return true;
         }
-        dl(a, b, c) {
-            switch (this.dt) {
+        af(a) {
+            super.af(a);
+            this.dz = a;
+            return true;
+        }
+        dn(a, b, c) {
+            switch (this.dv) {
                 case 1: if (b.forceCodeBehind) {
                     return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
                 }
@@ -2812,8 +3148,8 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        dm(a, b) {
-            switch (this.dt) {
+        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);
@@ -2823,44 +3159,44 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        dn(a, b) {
-            switch (this.dt) {
-                case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dt);
-                case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dt);
-                case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dt);
+        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;
         }
-        dq(a, b) {
-            switch (this.dt) {
-                case 1: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.dt);
-                case 2: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.dt);
-                case 3: return new TSCodeGeneratingComponentRendererTemplateEmitter(a, b, this.dt);
+        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;
         }
-        dp(a, b) {
-            switch (this.dt) {
-                case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dt, a, b);
-                case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dt, a, b);
-                case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dt, a, b);
+        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.dt, a, b);
-                case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.dt, 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.dt;
-            b.generationOptions = this.ds;
-            for (let c of fromEnum(this.a4.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)) {
@@ -2872,17 +3208,17 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            for (let g of fromEnum(this.a4.keys)) {
+            for (let g of fromEnum(this.a5.keys)) {
                 let h = g;
-                h.c(b, this, this.ds);
-            }
-            if (this.dw != null) {
-                let i = this.dp(this.ds, b);
-                i.n(this.dw, this.context);
+                h.c(this.context, b, this, this.du);
             }
             if (this.dy != null) {
-                if (typeCast(JsonDictionaryObject.$, this.dy) !== null) {
-                    let j = this.dy;
+                let i = this.dr(this.du, b);
+                i.n(this.dy, this.context);
+            }
+            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];
@@ -2891,15 +3227,15 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                 }
             }
             {
-                let n = this.dm(this.ds, b);
-                n.aa(this.dx);
+                let n = this.dp(this.du, b);
+                n.aa(this.dz);
             }
-            let o = this.dn(this.ds, b);
+            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.du != null) {
-                if (typeCast(JsonDictionaryArray.$, this.du) !== null) {
-                    let r = this.du;
+            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++) {
@@ -2908,14 +3244,14 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                         }
                     }
                 }
-                else if (typeCast(JsonDictionaryValue.$, this.du) !== null) {
-                    let v = this.du;
+                else if (typeCast(JsonDictionaryValue.$, this.dw) !== null) {
+                    let v = this.dw;
                     p.add(v.value.toString());
                 }
             }
-            if (this.dv != null) {
-                if (typeCast(JsonDictionaryArray.$, this.dv) !== null) {
-                    let w = this.dv;
+            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++) {
@@ -2924,50 +3260,52 @@ export let CodeGeneratingComponentRenderer = /*@__PURE__*/ (() => {
                         }
                     }
                 }
-                else if (typeCast(JsonDictionaryValue.$, this.dv) !== null) {
-                    let aa = this.dv;
+                else if (typeCast(JsonDictionaryValue.$, this.dx) !== null) {
+                    let aa = this.dx;
                     p.add(aa.value.toString());
                 }
             }
             o.q(p.toArray(), q.toArray());
-            let ab = this.dq(this.ds, b);
+            let ab = this.ds(this.du, b);
             ab.p();
-            this.d6(b, a);
+            this.d9(b, a);
             return b;
         }
-        d6(a, b) {
+        d9(a, b) {
             b.execute(a);
         }
-        a9() {
-            return runOn(this, this.d4);
+        ba() {
+            return runOn(this, this.d7);
         }
-        d3(a) {
+        d6(a) {
             a = stringReplace(a, "-", "_");
-            switch (this.dt) {
-                case 1:
-                case 2:
-                case 3: return CodeGeneratingComponentRenderer.d0(a);
-                case 4:
-                case 0:
-                case 5: return CodeGeneratingComponentRenderer.d1(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;
         }
-        d4(a) {
+        d7(a) {
             let b = a;
             if (stringStartsWith(a, "{")) {
                 if (!stringStartsWith(a, "{[")) {
                     a = a.substr(1, a.length - 2);
-                    a = "{" + this.d3(a) + "}";
+                    a = "{" + this.d6(a) + "}";
                     b = a;
                 }
             }
             else {
-                b = this.d3(a);
+                b = this.d6(a);
             }
             return b;
         }
-        static dz(a) {
+        static d1(a) {
             switch (a) {
                 case 1: return 3;
                 case 2: return 2;
@@ -2999,25 +3337,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.dl(h, c, a);
-                h.s(i, true);
-                let j = i.toString();
-                a.addContainerResult(this.id, j);
-                i.a5(d);
-                i.a8(e);
-                i.a4(f);
-                i.a6(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.u(j, true);
+                let k = j.toString();
+                b.addContainerResult(this.id, k);
+                j.ba(e);
+                j.bd(f);
+                j.a9(g);
+                j.bb(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');
@@ -3036,13 +3374,13 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             this.b = 0;
             this.j = null;
             this.h = null;
-            this.r = null;
+            this.t = null;
             this.b = a;
             this.j = b;
             this.c = c;
             this.h = d;
         }
-        n() {
+        o() {
             let a = this;
             let b = null;
             if (a.i("Name") != null) {
@@ -3058,12 +3396,12 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
         }
         a(a) {
             let b = this.c.getMetadata(this.j, a);
-            return new CodeGenerationItemBuilder(this.b, this.q(b), this.c, this.h);
+            return new CodeGenerationItemBuilder(this.b, this.r(b), this.c, this.h);
         }
-        q(a) {
+        r(a) {
             return a.specificExternalType != null ? a.specificExternalType : a.specificType;
         }
-        v(a, b, c, d) {
+        x(a, b, c, d) {
             if (!this.f.containsKey(a)) {
                 this.g.add(a);
             }
@@ -3076,7 +3414,7 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        t(a, b, c) {
+        v(a, b, c) {
             let d = null;
             if (!this.f.containsKey(a)) {
                 this.g.add(a);
@@ -3094,7 +3432,7 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        u(a, b) {
+        w(a, b) {
             if (this.f.containsKey(a)) {
                 this.f.removeItem(a);
             }
@@ -3105,35 +3443,35 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        s(a, b) {
+        u(a, b) {
             let c = this.m();
             if (b) {
-                let d = this.o();
-                a.ay = d;
+                let d = this.p();
+                a.a2 = d;
             }
             let e = false;
             let f = false;
             if (this.f.containsKey("Name")) {
                 e = true;
-                a.bf(this.f.item("Name").c);
+                a.bl(this.f.item("Name").c);
             }
             else if (this.f.containsKey("name")) {
                 e = true;
-                a.bf(this.f.item("name").c);
+                a.bl(this.f.item("name").c);
             }
             else {
-                if (b && this.r != null) {
+                if (b && this.t != null) {
                     e = true;
-                    a.bf(this.r);
+                    a.bl(this.t);
                 }
                 else if (this.e(this.c, a)) {
                     f = true;
-                    a.be(c);
+                    a.bk(c);
                     if (a.x) {
                         this.g.add("name");
                         this.f.addItem("name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.aj;
+                            $ret.c = a.am;
                             return $ret;
                         })()));
                     }
@@ -3141,13 +3479,13 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                         this.g.add("Name");
                         this.f.addItem("Name", ((() => {
                             let $ret = new CodeGenerationItemBuilderPropertyInfo();
-                            $ret.c = a.aj;
+                            $ret.c = a.am;
                             return $ret;
                         })()));
                     }
                 }
             }
-            a.a3(this.p());
+            a.a8(this.q(), this.j, this.c);
             let g = 0;
             for (let h of fromEnum(this.g)) {
                 let i = this.f.item(h);
@@ -3155,11 +3493,11 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                     continue;
                 }
                 if (this.d(a, h, i)) {
-                    a.a9(g, h, i, this.c);
+                    a.be(g, h, i, this.c);
                     g++;
                 }
             }
-            a.bg();
+            a.bm();
             let j = 0;
             for (let k of fromEnum(this.g)) {
                 let l = this.f.item(k);
@@ -3167,17 +3505,18 @@ export let CodeGenerationItemBuilder = /*@__PURE__*/ (() => {
                     continue;
                 }
                 if (!this.d(a, k, l)) {
-                    a.ba(j, k, l, this.c);
+                    a.bf(j, k, l, this.c);
                     j++;
                 }
             }
-            a.bb(c);
+            a.bg(j);
+            a.bh(c);
             if (e) {
-                a.bd();
+                a.bj();
             }
             else {
                 if (f) {
-                    a.bc();
+                    a.bi();
                 }
             }
         }
@@ -3242,38 +3581,42 @@ 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";
-                }
-            }
+        q() {
             return this.m();
         }
-        m() {
-            if (this.b == 0 || this.b == 4) {
-                let a = this.c.getMetadata(this.j, "_qualifiedName");
-                if (a != null) {
-                    let b = a.specificExternalType;
-                    let c = b.lastIndexOf('.');
-                    if (c >= 0) {
-                        return b.substr(c + 1);
+        get s() {
+            return this.j;
+        }
+        static n(a, b, c, d, e) {
+            if (a == 0 || a == 4) {
+                let f = c.getMetadata(b, "_qualifiedName");
+                if (f != null) {
+                    let g = f.specificExternalType;
+                    let h = g.lastIndexOf('.');
+                    if (h >= 0) {
+                        return g.substr(h + 1);
                     }
                     else {
-                        return b;
+                        return g;
                     }
                 }
-                return this.j;
+                return b;
             }
-            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 if ((a == 5 || a == 2 || a == 1 || a == 3) && c.getMetadata(b, "__qualifiedNameTS") != null) {
+                let i = c.getMetadata(b, "__qualifiedNameTS");
+                if (c.getMetadata(b, "__skipSuffix") != null) {
+                    return d + i.specificExternalType;
+                }
+                return d + i.specificExternalType + e;
             }
             else {
-                return this.k + this.j + this.l;
+                return d + b + e;
             }
         }
-        o() {
+        m() {
+            return CodeGenerationItemBuilder.n(this.b, this.j, this.c, this.k, this.l);
+        }
+        p() {
             let a = this.c.getMetadata(this.j, "_qualifiedName");
             if (a != null) {
                 let b = a.specificExternalType;
@@ -3381,7 +3724,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
         }
         onPendingRef(a, b, c, d) {
             let e = a;
-            e.t(b, c, d);
+            e.v(b, c, d);
         }
         setPropertyValue(a, b, c, d, e, f) {
             if (!(typeCast(CodeGenerationItemBuilder.$, a) !== null)) {
@@ -3417,7 +3760,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
                 }
             }
             let m = a;
-            m.v(b, c, d, f);
+            m.x(b, c, d, f);
         }
         getPropertyValue(a, b) {
             while (stringContains(b, ".")) {
@@ -3533,7 +3876,7 @@ export let CodeGenerationRendererAdapter = /*@__PURE__*/ (() => {
                 }
             }
             let k = d;
-            k.u(b, c);
+            k.w(b, c);
         }
         replaceItemInCollection(a, b, c, d, e) {
             let f = this.getPropertyValue(c, a);