igniteui-angular-core 14.2.0 → 15.0.1

package/esm5/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -5,20 +5,22 @@ 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 { __extends, __values } from "tslib";
-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";
@@ -54,8 +56,8 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         _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);
@@ -64,6 +66,53 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         _this.b = new CodeGeneratingCodeWriter(_this.l);
         return _this;
     }
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_ai = function () {
+        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 "";
+    };
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ai", {
+        get: function () {
+            return this.get_ai();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_aj = function () {
+        switch (this.j.platform) {
+            case 1: return "Component";
+            case 2: return "";
+            case 3: return "Component";
+            case 4: return "";
+            case 0: return "";
+        }
+        return "";
+    };
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "aj", {
+        get: function () {
+            return this.get_aj();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "a3", {
+        get: function () {
+            switch (this.j.platform) {
+                case 1: return "angular";
+                case 2: return "react";
+                case 3: return "webcomponents";
+            }
+            return "";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "m", {
         get: function () {
             return this.l;
@@ -71,7 +120,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bn = function (a) {
         this.j.af(a);
     };
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "k", {
@@ -109,7 +158,10 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
+        if (a == null || a == "any") {
+            return;
+        }
         this.z.add(a);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.v = function (a, b) {
@@ -142,7 +194,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                 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;
             }
@@ -157,33 +209,35 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ak", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "an", {
         get: function () {
             return this.ac.d();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
         this.ac.h(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a) {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
         this.ac.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        this.a9(a, b, c, d);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+        this.be(a, b, c, d);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.toString = function () {
         return this.d.toString();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "null";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
         if (b.b == null) {
             return b.c;
         }
@@ -191,7 +245,11 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
             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:
@@ -209,7 +267,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                 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);
@@ -228,48 +286,48 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                 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();
@@ -288,7 +346,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                     var 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) {
@@ -302,80 +360,135 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a, b) {
-        var c = this.a0(a, b);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b) {
+        var c = this.a5(a, b);
         if (b.c != null) {
-            var d = this.i(this.l, this.j);
             if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
-                var e = b.c;
-                e.r = c;
-                e.s(d, true);
-                var f = d.toString();
-                c = this.al(a, e, f, c);
+                var d = this.i(this.l, this.j);
+                var e = this.ak(c, b.c, d);
+                c = this.ao(a, b.c, e, c);
+            }
+            else if (typeCast(Array_$type, b.c) !== null) {
+                var f = b.c;
+                var g = new List$1(CodeGenerationItemBuilder.$, 0);
+                var h = new List$1(String_$type, 0);
+                for (var i = 0; i < f.length; i++) {
+                    if (typeCast(CodeGenerationItemBuilder.$, f[i]) !== null) {
+                        var j = this.i(this.l, this.j);
+                        var k = c;
+                        var 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();
+                            }
+                        }
+                        var m = this.ak(k, f[i], j);
+                        g.add(f[i]);
+                        h.add(m);
+                    }
+                }
+                c = this.ap(b, a, g, h, c);
             }
         }
         return c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ak = function (a, b, c) {
+        var e_1, _a;
+        b.t = a;
+        b.u(c, true);
+        var d = c.toString();
+        try {
+            for (var _b = __values(fromEnum(c.z)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var e = _c.value;
+                this.z.add(e);
+            }
+        }
+        catch (e_1_1) {
+            e_1 = { error: e_1_1 };
+        }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return))
+                    _a.call(_b);
+            }
+            finally {
+                if (e_1)
+                    throw e_1.error;
+            }
+        }
+        return d;
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
         return d;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
+        return e;
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a, b) {
         if (b.c == null) {
-            return this.at();
+            return this.ax();
         }
         if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
-            var c = b.c.n();
+            var c = b.c.o();
             if (c != null) {
                 return c;
             }
             var d = b.c.m();
-            var e = this.an(d);
+            var e = this.ar(d);
             return e;
         }
         else if (typeCast(IList_$type, b.c) !== null) {
             var f = b.c;
             if (f.count > 0 && typeCast(CodeGenerationItemBuilder.$, f.item(0)) !== null) {
-                var g = b.c.n();
-                if (g != null) {
-                    return g;
+                var g = f.item(0);
+                var h = g.o();
+                if (h != null) {
+                    return h;
                 }
-                var h = b.c.m();
-                var i = this.an(h);
-                return i;
+                var i = g.m();
+                var 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) {
-            var j = b.c;
-            if (j.length > 0 && typeCast(CodeGenerationItemBuilder.$, j[0]) !== null) {
-                var k = b.c.n();
-                if (k != null) {
-                    return k;
+            var k = b.c;
+            if (k.length > 0 && typeCast(CodeGenerationItemBuilder.$, k[0]) !== null) {
+                var l = b.c.o();
+                if (l != null) {
+                    return l;
                 }
-                var l = b.c.m();
-                var m = this.an(l);
-                return m;
+                var m = b.c.m();
+                var n = this.ar(m);
+                return n;
             }
-            return this.an(b.b.propertyName);
+            return this.ar(b.b.propertyName);
         }
-        return this.at();
+        return this.ax();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
         return "";
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         return a.c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.az = function (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();
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.s = function (a) {
         if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
@@ -385,30 +498,30 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             return a.a.e;
         }
-        return this.at();
+        return this.ax();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return a.c != null ? a.c.toString() : "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
-        return this.aq(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a) {
+        return this.au(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bh(a);
+            this.bn(a);
             return a.a.e;
         }
-        return this.at();
+        return this.ax();
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return false;
@@ -442,41 +555,41 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         var b = a;
         return ColorUtil.i(b.color, this.w);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
         this.aa.h(a);
         this.ab.h(false);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a) {
-        var b = this.an(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bk = function (a) {
+        var b = this.ar(a);
         this.aa.h(b);
         this.ab.h(true);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
-        var b = stringReplace(stringReplace(a, this.az, ""), "Component", "");
-        b = CodeGeneratingComponentRenderer.d0(b);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a) {
+        var b = stringReplace(stringReplace(a, this.a4, ""), "Component", "");
+        b = CodeGeneratingComponentRenderer.d2(b);
         return this.j.v(b);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bc = function () {
-        this.ax = this.aa.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
+        this.a1 = this.aa.e();
         this.ab.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "az", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "a4", {
         get: function () {
-            return this.get_az();
+            return this.get_a4();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "aj", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "am", {
         get: function () {
             if (this.aa.f > 0) {
                 return this.aa.d();
             }
-            var a = stringReplace(stringReplace(this.ak, this.az, ""), "Component", "");
-            return CodeGeneratingComponentRenderer.d0(a);
+            var a = stringReplace(stringReplace(this.an, this.a4, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.d2(a);
         },
         enumerable: false,
         configurable: true
@@ -528,33 +641,33 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bd = function () {
-        this.ax = this.aa.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bj = function () {
+        this.a1 = this.aa.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a) {
         var b = this.f.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
         var b = this.g.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a) {
         var b = this.e.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b) {
         if (this.z.count > 0) {
-            this.a7(this.z, a);
+            this.bc(a, this.z, b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
     };
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
     return CodeGeneratingComponentRendererCodeEmitter;
@@ -567,9 +680,9 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, _super);
     function BlazorRazorCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _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);
         return _this;
     }
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -582,28 +695,63 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         enumerable: false,
         configurable: true
     });
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
-        d = _super.prototype.al.call(this, a, b, c, d);
-        this.f.l("private " + b.m() + " _" + CodeGeneratingComponentRenderer.d0(d) + " = null;");
-        this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.d1(d));
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
+        d = _super.prototype.ao.call(this, 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.d2(d) + ";");
+        this.f.f();
+        this.f.l("}");
         this.f.f();
         this.f.l("}");
-        this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+        return CodeGeneratingComponentRenderer.d3(d);
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
+        e = _super.prototype.ap.call(this, a, b, c, d, e);
+        var f = null;
+        if (c.count > 0) {
+            f = c._inner[0].q() + "[]";
+        }
+        else {
+            var 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 (var 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("}");
-        return CodeGeneratingComponentRenderer.d1(d);
+        this.f.f();
+        this.f.l("}");
+        return CodeGeneratingComponentRenderer.d3(e);
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
@@ -611,71 +759,90 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a, b) {
-        if (b.c == null) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a, b, c) {
+        if (c.c == null) {
             return "null";
         }
-        var c = b.c;
-        var d = "@(new " + a + "[] { ";
-        for (var e = 0; e < c.length; e++) {
-            if (e > 0) {
-                d += ", ";
-            }
-            d += "\"" + c[e] + "\"";
+        var d = c.c;
+        var e = b;
+        var f = new CodeGenerationItemBuilderPropertyInfo();
+        f.b = ((function () {
+            var $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;
-    };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (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;
         }
-        var b = a.c;
-        var c = "";
-        for (var d = 0; d < b.length; d++) {
-            if (d > 0) {
-                c += ", ";
+        if (f.b.knownType == 8) {
+            e = this.a4 + e;
+        }
+        var g = "@(new " + e + "[] { ";
+        for (var 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;
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+        var c = b.b.specificType;
+        if (c == null) {
+            c = b.b.specificExternalType;
+        }
+        return this.br(a, c, b);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, a);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, 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) + ";");
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
         this.h.l(">");
         this.h.h();
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
         this.h.f();
         this.h.l("</" + a + ">");
         this.h.l("");
-        _super.prototype.bb.call(this, a);
+        _super.prototype.bh.call(this, a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (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);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (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("");
             }
@@ -688,29 +855,29 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             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) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var e = CodeGeneratingComponentRenderer.d2(this.a0(d, c, true));
             var 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) {
@@ -737,19 +904,19 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             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)) + "\"");
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         var b = a.b != null ? a.b.specificType + "." : "";
         return b + (a.c != null ? a.c.toString() : "");
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
         if (b.b == null) {
             return b.c;
         }
@@ -784,7 +951,7 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                 }
                 return b.c.toString();
         }
-        return _super.prototype.aw.call(this, a, b, c);
+        return _super.prototype.a0.call(this, a, b, c);
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
@@ -796,22 +963,22 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "@null";
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.d1(a);
+        return CodeGeneratingComponentRenderer.d3(a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        this.bh(a);
-        return CodeGeneratingComponentRenderer.d1(a.a.e);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+        this.bn(a);
+        return CodeGeneratingComponentRenderer.d3(a.a.e);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_1, _a;
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+        var e_2, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -820,12 +987,12 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.s(this, false);
+                            g.u(this, false);
                         }
                     }
                 }
-                catch (e_1_1) {
-                    e_1 = { error: e_1_1 };
+                catch (e_2_1) {
+                    e_2 = { error: e_2_1 };
                 }
                 finally {
                     try {
@@ -833,8 +1000,8 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                             _a.call(_b);
                     }
                     finally {
-                        if (e_1)
-                            throw e_1.error;
+                        if (e_2)
+                            throw e_2.error;
                     }
                 }
             }
@@ -842,11 +1009,11 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.s(this, false);
+                h.u(this, false);
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igb";
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -860,9 +1027,9 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
     __extends(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, _super);
     function BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _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);
         return _this;
     }
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -881,7 +1048,7 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a, b) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -896,91 +1063,91 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
         d += " }";
         return d;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.b.specificExternalType == "string") {
-            return this.bl(a.b.specificExternalType, a);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+        if (b.b.specificExternalType == "string") {
+            return this.br(b.b.specificExternalType, b);
         }
-        if (a.c == null) {
+        if (b.c == null) {
             return "null";
         }
-        var b = a.c;
-        var c = "";
-        for (var d = 0; d < b.length; d++) {
-            if (d > 0) {
-                c += ", ";
+        var c = b.c;
+        var d = "";
+        for (var e = 0; e < c.length; e++) {
+            if (e > 0) {
+                d += ", ";
             }
-            c += b[d];
+            d += c[e];
         }
-        return c;
+        return d;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, a);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, 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) + ";");
             }
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
-        _super.prototype.bb.call(this, a);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+        _super.prototype.bh.call(this, a);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (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);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (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) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var e = CodeGeneratingComponentRenderer.d2(this.a0(d, c, true));
             var 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) {
@@ -991,31 +1158,38 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
             g = true;
         }
         if (!g) {
+            var 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)) {
-                            var h = this.m.library.getItem(c.a.e);
-                            var i = h.getContentForPlatform(5);
-                            if (i != null && i.isJSContent) {
+                            var i = this.m.library.getItem(c.a.e);
+                            var 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(";");
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         var b = a.b != null ? a.b.specificType + "." : "";
         return b + (a.c != null ? a.c.toString() : "");
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
         if (b.b == null) {
             return "\"" + b.c + "\"";
         }
@@ -1052,10 +1226,10 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
             case 5:
             case 6:
             case 16:
-            case 2: return "\"" + _super.prototype.aw.call(this, a, b, c) + "\"";
+            case 2: return "\"" + _super.prototype.a0.call(this, a, b, c) + "\"";
             case 9: throw new NotSupportedException(1, "shouldn't get here");
         }
-        return _super.prototype.aw.call(this, a, b, c);
+        return _super.prototype.a0.call(this, a, b, c);
     };
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
@@ -1067,22 +1241,22 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
         }
         return b.b;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "null";
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function (a) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.d1(a);
+        return CodeGeneratingComponentRenderer.d3(a);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        this.bh(a);
-        return CodeGeneratingComponentRenderer.d1(a.a.e);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+        this.bn(a);
+        return CodeGeneratingComponentRenderer.d3(a.a.e);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_2, _a;
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+        var e_3, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1091,13 +1265,13 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var 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 + ");");
                         }
                     }
                 }
-                catch (e_2_1) {
-                    e_2 = { error: e_2_1 };
+                catch (e_3_1) {
+                    e_3 = { error: e_3_1 };
                 }
                 finally {
                     try {
@@ -1105,8 +1279,8 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
                             _a.call(_b);
                     }
                     finally {
-                        if (e_2)
-                            throw e_2.error;
+                        if (e_3)
+                            throw e_3.error;
                     }
                 }
             }
@@ -1114,12 +1288,12 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var 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 + ";");
             }
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igb";
     };
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1133,8 +1307,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function ReactMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _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);
         return _this;
     }
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1147,79 +1321,108 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         enumerable: false,
         configurable: true
     });
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
-        d = _super.prototype.al.call(this, a, b, c, d);
-        var e = b.p();
-        this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d0(d) + ": " + e + " | null = null;");
-        this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
+        d = _super.prototype.ao.call(this, a, b, c, d);
+        var 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);
+    };
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
+        e = _super.prototype.ap.call(this, a, b, c, d, e);
+        var f = null;
+        if (c.count > 0) {
+            f = c._inner[0].q() + "[]";
+        }
+        else {
+            var 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 (var 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);
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+        if (b.c == null) {
             return "{null}";
         }
-        var b = a.c;
-        var c = "[";
-        for (var d = 0; d < b.length; d++) {
-            if (d > 0) {
-                c += ", ";
+        var c = b.c;
+        var d = "[";
+        for (var e = 0; e < c.length; e++) {
+            if (e > 0) {
+                d += ", ";
             }
-            c += "\"" + b[d].toString() + "\"";
+            d += "\"" + c[e].toString() + "\"";
         }
-        c += "]";
-        return c;
+        d += "]";
+        return d;
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return true;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igr";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, a);
-        this.h.l("<" + this.bl(a) + "");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, 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);");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.d1(a);
+        return CodeGeneratingComponentRenderer.d3(a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
         if (!this.u && !this.p) {
-            var a = this.bk();
+            var a = this.bq();
             this.h.l("");
             this.h.l("name=\"" + a + "\"");
         }
@@ -1227,31 +1430,31 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         this.h.l(">");
         this.h.h();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bk = function () {
-        var a = CodeGeneratingComponentRenderer.d0(stringReplace(stringReplace(this.ak, this.az, ""), "Component", ""));
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bq = function () {
+        var a = CodeGeneratingComponentRenderer.d2(stringReplace(stringReplace(this.an, this.a4, ""), "Component", ""));
         a = this.k.u(a);
         return a;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (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();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
         this.h.f();
-        this.h.l("</" + this.bl(a) + ">");
-        _super.prototype.bb.call(this, a);
-    };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.d0(b);
-        var 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.prototype.bh.call(this, a);
+    };
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d2(b);
+        var 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("");
             }
@@ -1266,7 +1469,7 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         if (!(e == "name") || !this.u) {
             var 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) {
@@ -1288,7 +1491,7 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                 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}");
             }
         }
     };
@@ -1302,17 +1505,17 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "null";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+        return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_3, _a;
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+        var e_4, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1321,12 +1524,12 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.s(this, false);
+                            g.u(this, false);
                         }
                     }
                 }
-                catch (e_3_1) {
-                    e_3 = { error: e_3_1 };
+                catch (e_4_1) {
+                    e_4 = { error: e_4_1 };
                 }
                 finally {
                     try {
@@ -1334,8 +1537,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                             _a.call(_b);
                     }
                     finally {
-                        if (e_3)
-                            throw e_3.error;
+                        if (e_4)
+                            throw e_4.error;
                     }
                 }
             }
@@ -1343,32 +1546,13 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.s(this, false);
+                h.u(this, false);
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
-        var e_4, _a;
-        _super.prototype.a7.call(this, a, b);
-        try {
-            for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var c = _c.value;
-                b.addPackageImport("igniteui-react-" + this.ay, c);
-            }
-        }
-        catch (e_4_1) {
-            e_4 = { error: e_4_1 };
-        }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return))
-                    _a.call(_b);
-            }
-            finally {
-                if (e_4)
-                    throw e_4.error;
-            }
-        }
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
+        _super.prototype.bc.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
     return ReactMarkupCodeGeneratingComponentRendererCodeEmitter;
@@ -1381,9 +1565,9 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
     __extends(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter, _super);
     function WebCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _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);
         return _this;
     }
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1396,113 +1580,167 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         enumerable: false,
         configurable: true
     });
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function (a) {
+        if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
+            return false;
+        }
+        var b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
+        for (var c = 0; c < b.length; c++) {
+            if (b[c].toLowerCase() == this.a3) {
+                return true;
+            }
+        }
+        return false;
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (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) {
+                    var 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) {
+                    var 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);
+                }
+            }
+            var d = a.b != null ? a.b.specificType + "." : "";
+            return d + (a.c != null ? a.c.toString() : "");
+        }
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+        if (b.c == null) {
             return "null";
         }
-        var b = a.c;
-        var c = "[";
-        for (var d = 0; d < b.length; d++) {
-            if (d > 0) {
-                c += ", ";
+        var c = b.c;
+        var d = "[";
+        for (var e = 0; e < c.length; e++) {
+            if (e > 0) {
+                d += ", ";
             }
-            c += b[d];
+            d += c[e];
         }
-        return c + "]";
+        return d + "]";
     };
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return true;
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, a);
-        if (a == "any") {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
+        var 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 + ";");
             }
         }
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.d2(a);
+        return CodeGeneratingComponentRenderer.d5(a);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+        this.h.l("");
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
-        _super.prototype.bb.call(this, a);
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a) {
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
-        var 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);
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+        {
+            this.h.l("");
+        }
+        _super.prototype.bh.call(this, a);
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+        var 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 + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var f = CodeGeneratingComponentRenderer.d2(this.a0(d, c, true));
             var 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(";");
     };
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
@@ -1514,26 +1752,26 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         }
         return b.b;
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "null";
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (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();
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
         if (b.b == null) {
             return "\"" + b.c + "\"";
         }
@@ -1570,23 +1808,39 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
             case 5:
             case 6:
             case 16:
-            case 2: return "\"" + _super.prototype.aw.call(this, a, b, c) + "\"";
+            case 2: return "\"" + _super.prototype.a0.call(this, a, b, c) + "\"";
             case 9: throw new NotSupportedException(1, "shouldn't get here");
         }
-        return _super.prototype.aw.call(this, a, b, c);
+        return _super.prototype.a0.call(this, a, b, c);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
         var e_5, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
+                var f = true;
                 try {
                     for (var _b = __values(fromEn(e)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var f = _c.value;
-                        if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
-                            var g = f;
-                            g.s(this, false);
-                            this.h.l(this.aj + "." + b + ".add(" + this.ax + ");");
+                        var g = _c.value;
+                        if (typeCast(CodeGenerationItemBuilder.$, g) !== null) {
+                            var h = g;
+                            h.u(this, false);
+                            var i = c.b.owningType;
+                            var j = d.getMetadata(i, "__isPlainObject");
+                            var 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 + ");");
+                            }
                         }
                     }
                 }
@@ -1607,9 +1861,9 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         }
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
-                var h = c.c;
-                h.s(this, false);
-                this.h.l(this.aj + "." + b + " = " + this.ax + ";");
+                var l = c.c;
+                l.u(this, false);
+                this.h.l(this.am + "." + b + " = " + this.a1 + ";");
             }
         }
     };
@@ -1631,31 +1885,12 @@ var ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igc";
     };
-    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
-        var e_6, _a;
-        _super.prototype.a7.call(this, a, b);
-        try {
-            for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var c = _c.value;
-                b.addPackageImport("igniteui-react-" + this.ay, c);
-            }
-        }
-        catch (e_6_1) {
-            e_6 = { error: e_6_1 };
-        }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return))
-                    _a.call(_b);
-            }
-            finally {
-                if (e_6)
-                    throw e_6.error;
-            }
-        }
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
+        _super.prototype.bc.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
     };
     ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -1668,9 +1903,9 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
     __extends(WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _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);
         return _this;
     }
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1683,144 +1918,179 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         enumerable: false,
         configurable: true
     });
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function (a) {
+        if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
+            return false;
+        }
+        var b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
+        for (var c = 0; c < b.length; c++) {
+            if (b[c].toLowerCase() == this.a3) {
+                return true;
+            }
+        }
+        return false;
+    };
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        if (this.bo(a)) {
+            return CodeGeneratingComponentRenderer.d4(a.c.toString());
+        }
+        else {
+            return _super.prototype.at.call(this, a);
+        }
+    };
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
-        d = _super.prototype.al.call(this, a, b, c, d);
-        var e = b.p();
-        this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d0(d) + ": " + e + " | null = null;");
-        this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
+        d = _super.prototype.ao.call(this, a, b, c, d);
+        var 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.d2(d) + " == null)");
+        this.f.l("{");
+        this.f.h();
+        this.f.k(c);
+        this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
+        this.f.f();
+        this.f.l("}");
+        this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
+        this.f.f();
+        this.f.l("}");
+        return CodeGeneratingComponentRenderer.d3(d);
+    };
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
+        e = _super.prototype.ap.call(this, a, b, c, d, e);
+        var f = null;
+        if (c.count > 0) {
+            f = c._inner[0].q() + "[]";
+        }
+        else {
+            var 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.d0(d) + " == null)");
+        this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(e) + " == null)");
         this.f.l("{");
         this.f.h();
-        this.f.k(c);
-        this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+        this.f.k("let " + CodeGeneratingComponentRenderer.d2(e) + ": " + f + " = [];");
+        for (var 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);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+        if (b.c == null) {
             return "null";
         }
-        var b = a.c;
-        var c = "";
-        for (var d = 0; d < b.length; d++) {
-            if (d > 0) {
-                c += ", ";
+        var c = b.c;
+        var d = "";
+        for (var e = 0; e < c.length; e++) {
+            if (e > 0) {
+                d += ", ";
             }
-            c += b[d];
+            d += c[e];
         }
-        return c;
+        return d;
     };
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return true;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, 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);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, 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 + ";");
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.d2(a);
+        return CodeGeneratingComponentRenderer.d5(a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
         this.h.l(">");
         this.h.h();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
         this.h.f();
-        this.h.l("</" + this.bl(a) + ">");
-        _super.prototype.bb.call(this, a);
+        this.h.l("</" + this.bs(a) + ">");
+        _super.prototype.bh.call(this, a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igc";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
-        var e_7, _a;
-        _super.prototype.a7.call(this, a, b);
-        try {
-            for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var c = _c.value;
-                b.addPackageImport("igniteui-webcomponents-" + this.ay, c);
-            }
-        }
-        catch (e_7_1) {
-            e_7 = { error: e_7_1 };
-        }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return))
-                    _a.call(_b);
-            }
-            finally {
-                if (e_7)
-                    throw e_7.error;
-            }
-        }
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
+        _super.prototype.bc.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.d0(b);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+        var 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 + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var f = CodeGeneratingComponentRenderer.d2(this.a0(d, c, true));
             var 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) + "\"");
         }
     };
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
@@ -1833,27 +2103,27 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return b.b;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "null";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (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();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_8, _a;
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+        var e_6, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1862,12 +2132,12 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.s(this, false);
+                            g.u(this, false);
                         }
                     }
                 }
-                catch (e_8_1) {
-                    e_8 = { error: e_8_1 };
+                catch (e_6_1) {
+                    e_6 = { error: e_6_1 };
                 }
                 finally {
                     try {
@@ -1875,8 +2145,8 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                             _a.call(_b);
                     }
                     finally {
-                        if (e_8)
-                            throw e_8.error;
+                        if (e_6)
+                            throw e_6.error;
                     }
                 }
             }
@@ -1884,7 +2154,7 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.s(this, false);
+                h.u(this, false);
             }
         }
     };
@@ -1903,31 +2173,12 @@ var WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @cla
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igc";
     };
-    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
-        var e_9, _a;
-        _super.prototype.a7.call(this, a, b);
-        try {
-            for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var c = _c.value;
-                b.addPackageImport("igniteui-webcomponents-" + this.ay, c);
-            }
-        }
-        catch (e_9_1) {
-            e_9 = { error: e_9_1 };
-        }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return))
-                    _a.call(_b);
-            }
-            finally {
-                if (e_9)
-                    throw e_9.error;
-            }
-        }
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
+        _super.prototype.bc.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
     };
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -1946,11 +2197,11 @@ var TSCodeGeneratingComponentRendererHandlerEmitter = /** @class */ /*@__PURE__*
     }
     TSCodeGeneratingComponentRendererHandlerEmitter.prototype.r = function (a, b) {
         _super.prototype.r.call(this, a, b);
-        this.f.l("this." + CodeGeneratingComponentRenderer.d0(a) + "();");
+        this.f.l("this." + CodeGeneratingComponentRenderer.d2(a) + "();");
     };
     TSCodeGeneratingComponentRendererHandlerEmitter.prototype.s = function (a, b) {
         _super.prototype.s.call(this, a, b);
-        this.g.l("this." + CodeGeneratingComponentRenderer.d0(a) + "();");
+        this.g.l("this." + CodeGeneratingComponentRenderer.d2(a) + "();");
     };
     Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "v", {
         get: function () {
@@ -2028,7 +2279,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         if (b === void 0) {
             b = false;
         }
-        a = CodeGeneratingComponentRenderer.d1(a);
+        a = CodeGeneratingComponentRenderer.d3(a);
         a = stringReplace(a, "-", "_");
         if (b) {
             a += "Item";
@@ -2037,17 +2288,20 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.d0(a);
+        if (this.p.e) {
+            return a;
+        }
+        return CodeGeneratingComponentRenderer.d2(a);
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ao = function (a) {
         a = stringReplace(a, "-", "_");
-        return "_" + CodeGeneratingComponentRenderer.d0(a);
+        return "_" + CodeGeneratingComponentRenderer.d2(a);
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.get_s = function () {
         return ".ts";
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d, e) {
-        var e_10, _a;
+        var e_7, _a;
         _super.prototype.aj.call(this, a, b, c, d, e);
         var f = this.r(this.v(a, true), this.v(a, false), b, c);
         try {
@@ -2056,8 +2310,8 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                 this.ab(g, d, e);
             }
         }
-        catch (e_10_1) {
-            e_10 = { error: e_10_1 };
+        catch (e_7_1) {
+            e_7 = { error: e_7_1 };
         }
         finally {
             try {
@@ -2065,8 +2319,8 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                     _a.call(_b);
             }
             finally {
-                if (e_10)
-                    throw e_10.error;
+                if (e_7)
+                    throw e_7.error;
             }
         }
         var h = 0;
@@ -2111,7 +2365,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__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)");
@@ -2149,7 +2403,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b) {
         _super.prototype.ag.call(this, 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();
@@ -2159,7 +2413,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ah = function (a, b, c, d) {
         _super.prototype.ah.call(this, 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("{");
@@ -2184,7 +2438,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ab = function (a, b, c) {
         var 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);
@@ -2217,7 +2471,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.an = function (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);
@@ -2278,11 +2532,11 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                 }
                 e.j(this.u(j) + ": ");
                 if (k.d) {
-                    var l = a + "_" + this.u(j) + "Item";
+                    var l = a + "_" + CodeGeneratingComponentRenderer.d3(this.u(j)) + "Item";
                     this.ap(l, k.a, k.b, h.item(j), e);
                 }
                 else if (k.f) {
-                    var m = a + "_" + this.u(j);
+                    var m = a + "_" + CodeGeneratingComponentRenderer.d3(this.u(j));
                     this.ap(m, k.a, k.b, h.item(j), e);
                 }
                 else {
@@ -2327,9 +2581,9 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     __extends(AngularTemplateCodeGeneratingComponentRendererCodeEmitter, _super);
     function AngularTemplateCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _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);
         return _this;
     }
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -2342,102 +2596,112 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         enumerable: false,
         configurable: true
     });
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
-        d = _super.prototype.al.call(this, a, b, c, d);
-        var e = b.p();
-        this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d0(d) + ": " + e + " | null = null;");
-        this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
+        d = _super.prototype.ao.call(this, a, b, c, d);
+        var 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);
+    };
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
+        e = _super.prototype.ap.call(this, a, b, c, d, e);
+        var f = null;
+        if (c.count > 0) {
+            f = c._inner[0].q() + "[]";
+        }
+        else {
+            var 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 (var 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);
     };
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+        if (b.c == null) {
             return "null";
         }
-        var b = a.c;
-        var c = "";
-        for (var d = 0; d < b.length; d++) {
-            if (d > 0) {
-                c += ", ";
+        var c = b.c;
+        var d = "";
+        for (var e = 0; e < c.length; e++) {
+            if (e > 0) {
+                d += ", ";
             }
-            c += b[d];
+            d += c[e];
         }
-        return c;
+        return d;
     };
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return true;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igx";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, 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);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, 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);
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
-        var e_11, _a;
-        _super.prototype.a7.call(this, a, b);
-        try {
-            for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var c = _c.value;
-                b.addPackageImport("igniteui-angular-" + this.ay, c);
-            }
-        }
-        catch (e_11_1) {
-            e_11 = { error: e_11_1 };
-        }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return))
-                    _a.call(_b);
-            }
-            finally {
-                if (e_11)
-                    throw e_11.error;
-            }
-        }
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
+        _super.prototype.bc.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.d2(a);
+        return CodeGeneratingComponentRenderer.d5(a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
         this.h.l(">");
         this.h.h();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
         this.h.f();
-        this.h.l("</" + this.bl(a) + ">");
-        _super.prototype.bb.call(this, a);
+        this.h.l("</" + this.br(a) + ">");
+        _super.prototype.bh.call(this, a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.d0(b);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d2(b);
         if (this.q(d, c)) {
-            this.bh(c);
+            this.bn(c);
             if (this.t(c)) {
                 e = "(" + e + ")";
             }
@@ -2451,19 +2715,19 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         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)));
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (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();
     };
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
@@ -2475,17 +2739,17 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return b.b;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "null";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_12, _a;
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+        var e_8, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -2494,12 +2758,12 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.s(this, false);
+                            g.u(this, false);
                         }
                     }
                 }
-                catch (e_12_1) {
-                    e_12 = { error: e_12_1 };
+                catch (e_8_1) {
+                    e_8 = { error: e_8_1 };
                 }
                 finally {
                     try {
@@ -2507,8 +2771,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                             _a.call(_b);
                     }
                     finally {
-                        if (e_12)
-                            throw e_12.error;
+                        if (e_8)
+                            throw e_8.error;
                     }
                 }
             }
@@ -2516,7 +2780,7 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.s(this, false);
+                h.u(this, false);
             }
         }
     };
@@ -2538,31 +2802,12 @@ var AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Igc";
     };
-    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
-        var e_13, _a;
-        _super.prototype.a7.call(this, a, b);
-        try {
-            for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var c = _c.value;
-                b.addPackageImport("igniteui-angular-" + this.ay, c);
-            }
-        }
-        catch (e_13_1) {
-            e_13 = { error: e_13_1 };
-        }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return))
-                    _a.call(_b);
-            }
-            finally {
-                if (e_13)
-                    throw e_13.error;
-            }
-        }
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
+        _super.prototype.bc.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
     };
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -2601,7 +2846,7 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
         if (b === void 0) {
             b = false;
         }
-        a = CodeGeneratingComponentRenderer.d1(a);
+        a = CodeGeneratingComponentRenderer.d3(a);
         a = stringReplace(a, "-", "_");
         if (b) {
             a += "Item";
@@ -2610,14 +2855,14 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.d1(a);
+        return CodeGeneratingComponentRenderer.d3(a);
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ao = function (a) {
         a = stringReplace(a, "-", "_");
-        return "_" + CodeGeneratingComponentRenderer.d0(a);
+        return "_" + CodeGeneratingComponentRenderer.d2(a);
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d, e) {
-        var e_14, _a;
+        var e_9, _a;
         _super.prototype.aj.call(this, a, b, c, d, e);
         var f = this.r(this.v(a, true), this.v(a, false), b, c);
         try {
@@ -2626,8 +2871,8 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                 this.ab(g, d, e);
             }
         }
-        catch (e_14_1) {
-            e_14 = { error: e_14_1 };
+        catch (e_9_1) {
+            e_9 = { error: e_9_1 };
         }
         finally {
             try {
@@ -2635,8 +2880,8 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                     _a.call(_b);
             }
             finally {
-                if (e_14)
-                    throw e_14.error;
+                if (e_9)
+                    throw e_9.error;
             }
         }
         d.l("");
@@ -2885,34 +3130,34 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+        if (b.c == null) {
             return "null";
         }
-        var b = a.c;
-        var c = "";
-        for (var d = 0; d < b.length; d++) {
-            if (d > 0) {
-                c += ", ";
+        var c = b.c;
+        var d = "";
+        for (var e = 0; e < c.length; e++) {
+            if (e > 0) {
+                d += ", ";
             }
-            c += b[d];
+            d += c[e];
         }
-        return c;
+        return d;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, a);
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
         this.h.l("<ig:" + a + "");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
         this.h.l(">");
         this.h.h();
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
         this.h.f();
         this.h.l("</ig:" + a + ">");
-        _super.prototype.bb.call(this, a);
+        _super.prototype.bh.call(this, a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
         if (b == "Label" && c.b != null && stringContains(c.b.owningType, "Axis")) {
             if (c.c != null && stringContains(c.c, "{")) {
                 if (a > 0) {
@@ -2921,7 +3166,7 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__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;
             }
@@ -2932,7 +3177,7 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__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("\"");
     };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
@@ -2945,25 +3190,25 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return b.b;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
         return "{x:Null}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
         return "{Binding ElementName=" + a.a.e + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.d1(a);
+        return CodeGeneratingComponentRenderer.d3(a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        this.bh(a);
-        return "{Binding " + this.bi(a.a.e) + "}";
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+        this.bn(a);
+        return "{Binding " + this.bo(a.a.e) + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_15, _a;
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+        var e_10, _a;
         this.h.j("<ig:");
         {
-            this.h.j(this.ak);
+            this.h.j(this.an);
             this.h.j(".");
         }
         this.h.j(b);
@@ -2977,12 +3222,12 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.s(this, false);
+                            g.u(this, false);
                         }
                     }
                 }
-                catch (e_15_1) {
-                    e_15 = { error: e_15_1 };
+                catch (e_10_1) {
+                    e_10 = { error: e_10_1 };
                 }
                 finally {
                     try {
@@ -2990,8 +3235,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                             _a.call(_b);
                     }
                     finally {
-                        if (e_15)
-                            throw e_15.error;
+                        if (e_10)
+                            throw e_10.error;
                     }
                 }
             }
@@ -2999,19 +3244,19 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var 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(">");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
         return "Xam";
     };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFXamlCodeGeneratingComponentRendererCodeEmitter, 'WPFXamlCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -3053,16 +3298,16 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
     __extends(CodeGeneratingComponentRenderer, _super);
     function CodeGeneratingComponentRenderer(a, b) {
         var _this = _super.call(this) || this;
-        _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);
@@ -3077,16 +3322,34 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
             })());
         });
     };
-    CodeGeneratingComponentRenderer.d0 = function (a) {
+    CodeGeneratingComponentRenderer.prototype.cu = function (a) {
+        this.du.b = a;
+    };
+    CodeGeneratingComponentRenderer.prototype.n = function () {
+        return false;
+    };
+    CodeGeneratingComponentRenderer.d2 = function (a) {
+        if (a == null) {
+            return null;
+        }
+        if (a.length == 1) {
+            return a.toLowerCase();
+        }
+        return a.substr(0, 1).toLowerCase() + a.substr(1);
+    };
+    CodeGeneratingComponentRenderer.d4 = function (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);
     };
-    CodeGeneratingComponentRenderer.d1 = function (a) {
+    CodeGeneratingComponentRenderer.d3 = function (a) {
         if (a == null) {
             return null;
         }
@@ -3095,7 +3358,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return a.substr(0, 1).toUpperCase() + a.substr(1);
     };
-    CodeGeneratingComponentRenderer.d2 = function (a) {
+    CodeGeneratingComponentRenderer.d5 = function (a) {
         if (a == null) {
             return null;
         }
@@ -3130,27 +3393,22 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return j.toString();
     };
-    CodeGeneratingComponentRenderer.prototype.ao = function () {
-        return true;
-    };
-    CodeGeneratingComponentRenderer.prototype.ab = function (a) {
-        _super.prototype.ab.call(this, a);
-        this.dw = a;
+    CodeGeneratingComponentRenderer.prototype.ap = function () {
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.ai = function (a) {
-        _super.prototype.ai.call(this, a);
+    CodeGeneratingComponentRenderer.prototype.ac = function (a) {
+        _super.prototype.ac.call(this, a);
         this.dy = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.ac = function (a) {
-        _super.prototype.ac.call(this, a);
-        this.du = a;
+    CodeGeneratingComponentRenderer.prototype.aj = function (a) {
+        _super.prototype.aj.call(this, a);
+        this.d0 = a;
         return true;
     };
     CodeGeneratingComponentRenderer.prototype.ad = function (a) {
         _super.prototype.ad.call(this, a);
-        this.dv = a;
+        this.dw = a;
         return true;
     };
     CodeGeneratingComponentRenderer.prototype.ae = function (a) {
@@ -3158,8 +3416,13 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         this.dx = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.dl = function (a, b, c) {
-        switch (this.dt) {
+    CodeGeneratingComponentRenderer.prototype.af = function (a) {
+        _super.prototype.af.call(this, a);
+        this.dz = a;
+        return true;
+    };
+    CodeGeneratingComponentRenderer.prototype.dn = function (a, b, c) {
+        switch (this.dv) {
             case 1: if (b.forceCodeBehind) {
                 return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
             }
@@ -3194,8 +3457,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return null;
     };
-    CodeGeneratingComponentRenderer.prototype.dm = function (a, b) {
-        switch (this.dt) {
+    CodeGeneratingComponentRenderer.prototype.dp = function (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);
@@ -3205,51 +3468,51 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return null;
     };
-    CodeGeneratingComponentRenderer.prototype.dn = function (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);
+    CodeGeneratingComponentRenderer.prototype.dq = function (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;
     };
-    CodeGeneratingComponentRenderer.prototype.dq = function (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);
+    CodeGeneratingComponentRenderer.prototype.ds = function (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;
     };
-    CodeGeneratingComponentRenderer.prototype.dp = function (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);
+    CodeGeneratingComponentRenderer.prototype.dr = function (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;
     };
     CodeGeneratingComponentRenderer.prototype.emitCode = function (a) {
-        var e_16, _a, e_17, _b, e_18, _c;
+        var e_11, _a, e_12, _b, e_13, _c;
         var b = new CodeGeneratingRendererResult();
-        b.platform = this.dt;
-        b.generationOptions = this.ds;
+        b.platform = this.dv;
+        b.generationOptions = this.du;
         try {
-            for (var _d = __values(fromEnum(this.a4.keys)), _e = _d.next(); !_e.done; _e = _d.next()) {
+            for (var _d = __values(fromEnum(this.a5.keys)), _e = _d.next(); !_e.done; _e = _d.next()) {
                 var c = _e.value;
                 var d = c;
                 var e = d.id;
                 try {
-                    for (var _f = (e_17 = void 0, __values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
+                    for (var _f = (e_12 = void 0, __values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
                         var f = _g.value;
                         if (f.i("Name") != null) {
                             b.trackDescriptionField(e, f.i("Name"));
@@ -3259,8 +3522,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                         }
                     }
                 }
-                catch (e_17_1) {
-                    e_17 = { error: e_17_1 };
+                catch (e_12_1) {
+                    e_12 = { error: e_12_1 };
                 }
                 finally {
                     try {
@@ -3268,14 +3531,14 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                             _b.call(_f);
                     }
                     finally {
-                        if (e_17)
-                            throw e_17.error;
+                        if (e_12)
+                            throw e_12.error;
                     }
                 }
             }
         }
-        catch (e_16_1) {
-            e_16 = { error: e_16_1 };
+        catch (e_11_1) {
+            e_11 = { error: e_11_1 };
         }
         finally {
             try {
@@ -3283,19 +3546,19 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _a.call(_d);
             }
             finally {
-                if (e_16)
-                    throw e_16.error;
+                if (e_11)
+                    throw e_11.error;
             }
         }
         try {
-            for (var _h = __values(fromEnum(this.a4.keys)), _j = _h.next(); !_j.done; _j = _h.next()) {
+            for (var _h = __values(fromEnum(this.a5.keys)), _j = _h.next(); !_j.done; _j = _h.next()) {
                 var g = _j.value;
                 var h = g;
-                h.c(b, this, this.ds);
+                h.c(this.context, b, this, this.du);
             }
         }
-        catch (e_18_1) {
-            e_18 = { error: e_18_1 };
+        catch (e_13_1) {
+            e_13 = { error: e_13_1 };
         }
         finally {
             try {
@@ -3303,17 +3566,17 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _c.call(_h);
             }
             finally {
-                if (e_18)
-                    throw e_18.error;
+                if (e_13)
+                    throw e_13.error;
             }
         }
-        if (this.dw != null) {
-            var i = this.dp(this.ds, b);
-            i.n(this.dw, this.context);
-        }
         if (this.dy != null) {
-            if (typeCast(JsonDictionaryObject.$, this.dy) !== null) {
-                var j = this.dy;
+            var i = this.dr(this.du, b);
+            i.n(this.dy, this.context);
+        }
+        if (this.d0 != null) {
+            if (typeCast(JsonDictionaryObject.$, this.d0) !== null) {
+                var j = this.d0;
                 var m = j.e();
                 for (var l = 0; l < m.length; l++) {
                     var k = m[l];
@@ -3322,15 +3585,15 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
             }
         }
         {
-            var n = this.dm(this.ds, b);
-            n.aa(this.dx);
+            var n = this.dp(this.du, b);
+            n.aa(this.dz);
         }
-        var o = this.dn(this.ds, b);
+        var o = this.dq(this.du, b);
         var p = new List$1(String_$type, 0);
         var q = new List$1(String_$type, 0);
-        if (this.du != null) {
-            if (typeCast(JsonDictionaryArray.$, this.du) !== null) {
-                var r = this.du;
+        if (this.dw != null) {
+            if (typeCast(JsonDictionaryArray.$, this.dw) !== null) {
+                var r = this.dw;
                 if (r.items != null) {
                     var u = r.items;
                     for (var t = 0; t < u.length; t++) {
@@ -3339,14 +3602,14 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     }
                 }
             }
-            else if (typeCast(JsonDictionaryValue.$, this.du) !== null) {
-                var v = this.du;
+            else if (typeCast(JsonDictionaryValue.$, this.dw) !== null) {
+                var v = this.dw;
                 p.add(v.value.toString());
             }
         }
-        if (this.dv != null) {
-            if (typeCast(JsonDictionaryArray.$, this.dv) !== null) {
-                var w = this.dv;
+        if (this.dx != null) {
+            if (typeCast(JsonDictionaryArray.$, this.dx) !== null) {
+                var w = this.dx;
                 if (w.items != null) {
                     var z = w.items;
                     for (var y = 0; y < z.length; y++) {
@@ -3355,50 +3618,52 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     }
                 }
             }
-            else if (typeCast(JsonDictionaryValue.$, this.dv) !== null) {
-                var aa = this.dv;
+            else if (typeCast(JsonDictionaryValue.$, this.dx) !== null) {
+                var aa = this.dx;
                 p.add(aa.value.toString());
             }
         }
         o.q(p.toArray(), q.toArray());
-        var ab = this.dq(this.ds, b);
+        var ab = this.ds(this.du, b);
         ab.p();
-        this.d6(b, a);
+        this.d9(b, a);
         return b;
     };
-    CodeGeneratingComponentRenderer.prototype.d6 = function (a, b) {
+    CodeGeneratingComponentRenderer.prototype.d9 = function (a, b) {
         b.execute(a);
     };
-    CodeGeneratingComponentRenderer.prototype.a9 = function () {
-        return runOn(this, this.d4);
+    CodeGeneratingComponentRenderer.prototype.ba = function () {
+        return runOn(this, this.d7);
     };
-    CodeGeneratingComponentRenderer.prototype.d3 = function (a) {
+    CodeGeneratingComponentRenderer.prototype.d6 = function (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;
     };
-    CodeGeneratingComponentRenderer.prototype.d4 = function (a) {
+    CodeGeneratingComponentRenderer.prototype.d7 = function (a) {
         var 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;
     };
-    CodeGeneratingComponentRenderer.dz = function (a) {
+    CodeGeneratingComponentRenderer.d1 = function (a) {
         switch (a) {
             case 1: return 3;
             case 2: return 2;
@@ -3435,27 +3700,27 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    CodeGenerationContainer.prototype.c = function (a, b, c) {
-        var e_19, _a;
-        var d = new StringBuilder(0);
+    CodeGenerationContainer.prototype.c = function (a, b, c, d) {
+        var e_14, _a;
         var e = new StringBuilder(0);
         var f = new StringBuilder(0);
-        var g = new CodeGeneratingImportManager();
+        var g = new StringBuilder(0);
+        var h = new CodeGeneratingImportManager();
         try {
             for (var _b = __values(fromEnum(this.a)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var h = _c.value;
-                var i = b.dl(h, c, a);
-                h.s(i, true);
-                var j = i.toString();
-                a.addContainerResult(this.id, j);
-                i.a5(d);
-                i.a8(e);
-                i.a4(f);
-                i.a6(g);
+                var i = _c.value;
+                var j = c.dn(i, d, b);
+                i.u(j, true);
+                var k = j.toString();
+                b.addContainerResult(this.id, k);
+                j.ba(e);
+                j.bd(f);
+                j.a9(g);
+                j.bb(a, h);
             }
         }
-        catch (e_19_1) {
-            e_19 = { error: e_19_1 };
+        catch (e_14_1) {
+            e_14 = { error: e_14_1 };
         }
         finally {
             try {
@@ -3463,14 +3728,14 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_19)
-                    throw e_19.error;
+                if (e_14)
+                    throw e_14.error;
             }
         }
-        a.addContainerResult("bindingFields", d.toString());
-        a.addContainerResult("bindingInit", e.toString());
-        a.addContainerResult("bindingCode", f.toString());
-        a.addImportResult("bindingImports", g);
+        b.addContainerResult("bindingFields", e.toString());
+        b.addContainerResult("bindingInit", f.toString());
+        b.addContainerResult("bindingCode", g.toString());
+        b.addImportResult("bindingImports", h);
     };
     CodeGenerationContainer.$t = markType(CodeGenerationContainer, 'CodeGenerationContainer');
     return CodeGenerationContainer;
@@ -3489,14 +3754,14 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         _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;
         return _this;
     }
-    CodeGenerationItemBuilder.prototype.n = function () {
+    CodeGenerationItemBuilder.prototype.o = function () {
         var a = this;
         var b = null;
         if (a.i("Name") != null) {
@@ -3512,12 +3777,12 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CodeGenerationItemBuilder.prototype.a = function (a) {
         var 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);
     };
-    CodeGenerationItemBuilder.prototype.q = function (a) {
+    CodeGenerationItemBuilder.prototype.r = function (a) {
         return a.specificExternalType != null ? a.specificExternalType : a.specificType;
     };
-    CodeGenerationItemBuilder.prototype.v = function (a, b, c, d) {
+    CodeGenerationItemBuilder.prototype.x = function (a, b, c, d) {
         if (!this.f.containsKey(a)) {
             this.g.add(a);
         }
@@ -3530,7 +3795,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CodeGenerationItemBuilder.prototype.t = function (a, b, c) {
+    CodeGenerationItemBuilder.prototype.v = function (a, b, c) {
         var d = null;
         if (!this.f.containsKey(a)) {
             this.g.add(a);
@@ -3548,7 +3813,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CodeGenerationItemBuilder.prototype.u = function (a, b) {
+    CodeGenerationItemBuilder.prototype.w = function (a, b) {
         if (this.f.containsKey(a)) {
             this.f.removeItem(a);
         }
@@ -3559,36 +3824,36 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return null;
     };
-    CodeGenerationItemBuilder.prototype.s = function (a, b) {
-        var e_20, _a, e_21, _b;
+    CodeGenerationItemBuilder.prototype.u = function (a, b) {
+        var e_15, _a, e_16, _b;
         var c = this.m();
         if (b) {
-            var d = this.o();
-            a.ay = d;
+            var d = this.p();
+            a.a2 = d;
         }
         var e = false;
         var 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", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.aj;
+                        $ret.c = a.am;
                         return $ret;
                     })()));
                 }
@@ -3596,13 +3861,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.g.add("Name");
                     this.f.addItem("Name", ((function () {
                         var $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);
         var g = 0;
         try {
             for (var _c = __values(fromEnum(this.g)), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -3612,13 +3877,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (this.d(a, h, i)) {
-                    a.a9(g, h, i, this.c);
+                    a.be(g, h, i, this.c);
                     g++;
                 }
             }
         }
-        catch (e_20_1) {
-            e_20 = { error: e_20_1 };
+        catch (e_15_1) {
+            e_15 = { error: e_15_1 };
         }
         finally {
             try {
@@ -3626,11 +3891,11 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_c);
             }
             finally {
-                if (e_20)
-                    throw e_20.error;
+                if (e_15)
+                    throw e_15.error;
             }
         }
-        a.bg();
+        a.bm();
         var j = 0;
         try {
             for (var _e = __values(fromEnum(this.g)), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -3640,13 +3905,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (!this.d(a, k, l)) {
-                    a.ba(j, k, l, this.c);
+                    a.bf(j, k, l, this.c);
                     j++;
                 }
             }
         }
-        catch (e_21_1) {
-            e_21 = { error: e_21_1 };
+        catch (e_16_1) {
+            e_16 = { error: e_16_1 };
         }
         finally {
             try {
@@ -3654,22 +3919,23 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _b.call(_e);
             }
             finally {
-                if (e_21)
-                    throw e_21.error;
+                if (e_16)
+                    throw e_16.error;
             }
         }
-        a.bb(c);
+        a.bg(j);
+        a.bh(c);
         if (e) {
-            a.bd();
+            a.bj();
         }
         else {
             if (f) {
-                a.bc();
+                a.bi();
             }
         }
     };
     CodeGenerationItemBuilder.prototype.e = function (a, b) {
-        var e_22, _a;
+        var e_17, _a;
         if (b.n) {
             return true;
         }
@@ -3682,8 +3948,8 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        catch (e_22_1) {
-            e_22 = { error: e_22_1 };
+        catch (e_17_1) {
+            e_17 = { error: e_17_1 };
         }
         finally {
             try {
@@ -3691,8 +3957,8 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_22)
-                    throw e_22.error;
+                if (e_17)
+                    throw e_17.error;
             }
         }
         return false;
@@ -3746,38 +4012,46 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
-    CodeGenerationItemBuilder.prototype.p = function () {
-        if (this.b == 1 || this.b == 3 || this.b == 2) {
-            if (this.c.getMetadata(this.j, "__isPlainObject") != null) {
-                return "any";
-            }
-        }
+    CodeGenerationItemBuilder.prototype.q = function () {
         return this.m();
     };
-    CodeGenerationItemBuilder.prototype.m = function () {
-        if (this.b == 0 || this.b == 4) {
-            var a = this.c.getMetadata(this.j, "_qualifiedName");
-            if (a != null) {
-                var b = a.specificExternalType;
-                var c = b.lastIndexOf('.');
-                if (c >= 0) {
-                    return b.substr(c + 1);
+    Object.defineProperty(CodeGenerationItemBuilder.prototype, "s", {
+        get: function () {
+            return this.j;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CodeGenerationItemBuilder.n = function (a, b, c, d, e) {
+        if (a == 0 || a == 4) {
+            var f = c.getMetadata(b, "_qualifiedName");
+            if (f != null) {
+                var g = f.specificExternalType;
+                var 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) {
-            var 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) {
+            var 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;
         }
     };
-    CodeGenerationItemBuilder.prototype.o = function () {
+    CodeGenerationItemBuilder.prototype.m = function () {
+        return CodeGenerationItemBuilder.n(this.b, this.j, this.c, this.k, this.l);
+    };
+    CodeGenerationItemBuilder.prototype.p = function () {
         var a = this.c.getMetadata(this.j, "_qualifiedName");
         if (a != null) {
             var b = a.specificExternalType;
@@ -3894,7 +4168,7 @@ var CodeGenerationRendererAdapter = /** @class */ /*@__PURE__*/ (function (_supe
     };
     CodeGenerationRendererAdapter.prototype.onPendingRef = function (a, b, c, d) {
         var e = a;
-        e.t(b, c, d);
+        e.v(b, c, d);
     };
     CodeGenerationRendererAdapter.prototype.setPropertyValue = function (a, b, c, d, e, f) {
         if (!(typeCast(CodeGenerationItemBuilder.$, a) !== null)) {
@@ -3930,7 +4204,7 @@ var CodeGenerationRendererAdapter = /** @class */ /*@__PURE__*/ (function (_supe
             }
         }
         var m = a;
-        m.v(b, c, d, f);
+        m.x(b, c, d, f);
     };
     CodeGenerationRendererAdapter.prototype.getPropertyValue = function (a, b) {
         while (stringContains(b, ".")) {
@@ -4046,7 +4320,7 @@ var CodeGenerationRendererAdapter = /** @class */ /*@__PURE__*/ (function (_supe
             }
         }
         var k = d;
-        k.u(b, c);
+        k.w(b, c);
     };
     CodeGenerationRendererAdapter.prototype.replaceItemInCollection = function (a, b, c, d, e) {
         var f = this.getPropertyValue(c, a);