igniteui-angular-core 14.2.0 → 15.0.0

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, fromEnum, Array_$type, Boolean_$type, markType, EnumUtil, fromEn, Number_$type, runOn } from "./type";
+import { CodeGenerationTargetPlatforms_$type } from "./CodeGenerationTargetPlatforms";
 import { CodeGeneratingRendererResult } from "./CodeGeneratingRendererResult";
 import { CodeGeneratingCodeWriter } from "./CodeGeneratingCodeWriter";
 import { Stack$1 } from "./Stack$1";
 import { CodeGenerationItemBuilderPropertyInfo } from "./CodeGenerationItemBuilderPropertyInfo";
 import { List$1 } from "./List$1";
 import { TypeDescriptionContext } from "./TypeDescriptionContext";
-import { 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";
@@ -64,6 +66,18 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         _this.b = new CodeGeneratingCodeWriter(_this.l);
         return _this;
     }
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "az", {
+        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 +85,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
         this.j.af(a);
     };
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "k", {
@@ -109,7 +123,10 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+        if (a == null || a == "any") {
+            return;
+        }
         this.z.add(a);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.v = function (a, b) {
@@ -164,18 +181,20 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
         this.ac.h(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
-        this.ac.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
+        this.ac.e();
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        this.a9(a, b, c, d);
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b, c, d) {
+        this.ba(a, b, c, d);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.toString = function () {
         return this.d.toString();
@@ -191,7 +210,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
             b.c = this.ad(b);
         }
         switch (b.b.knownType) {
-            case 10: return this.am(b);
+            case 10: return this.am(a, b);
             case 7: return b.c ? "true" : "false";
             case 4: return this.af(b);
             case 6:
@@ -303,7 +322,8 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         return "";
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a, b) {
-        var c = this.a0(a, b);
+        var e_1, _a;
+        var c = this.a1(a, b);
         if (b.c != null) {
             var d = this.i(this.l, this.j);
             if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
@@ -311,6 +331,25 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                 e.r = c;
                 e.s(d, true);
                 var f = d.toString();
+                try {
+                    for (var _b = __values(fromEnum(d.z)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var g = _c.value;
+                        this.z.add(g);
+                    }
+                }
+                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;
+                    }
+                }
                 c = this.al(a, e, f, c);
             }
         }
@@ -319,7 +358,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
     CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
         return d;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b) {
         if (b.c == null) {
             return this.at();
         }
@@ -360,7 +399,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return this.at();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a, b) {
         return "";
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
@@ -405,7 +444,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bh(a);
+            this.bj(a);
             return a.a.e;
         }
         return this.at();
@@ -442,30 +481,30 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         var b = a;
         return ColorUtil.i(b.color, this.w);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
         this.aa.h(a);
         this.ab.h(false);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a) {
         var b = this.an(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);
+        var b = stringReplace(stringReplace(a, this.a0, ""), "Component", "");
+        b = CodeGeneratingComponentRenderer.d2(b);
         return this.j.v(b);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bc = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.be = function () {
         this.ax = this.aa.e();
         this.ab.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = function () {
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "az", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "a0", {
         get: function () {
-            return this.get_az();
+            return this.get_a0();
         },
         enumerable: false,
         configurable: true
@@ -475,8 +514,8 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
             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.ak, this.a0, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.d2(a);
         },
         enumerable: false,
         configurable: true
@@ -528,33 +567,33 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bd = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bf = function () {
         this.ax = this.aa.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a) {
         var b = this.f.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a) {
         var b = this.g.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
         var b = this.e.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
         if (this.z.count > 0) {
-            this.a7(this.z, a);
+            this.a8(a, this.z, b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
     };
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
     return CodeGeneratingComponentRendererCodeEmitter;
@@ -567,9 +606,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.bm = 0;
+        _this.bk = new HashSet$1(String_$type, 0);
+        _this.bl = new HashSet$1(String_$type, 0);
         return _this;
     }
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -584,26 +623,26 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     });
     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));
+        this.f.l("private " + b.m() + " _" + CodeGeneratingComponentRenderer.d2(d) + " = null;");
+        this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.d3(d));
         this.f.l("{");
         this.f.h();
         this.f.l("get");
         this.f.l("{");
         this.f.h();
-        this.f.l("if (this._" + CodeGeneratingComponentRenderer.d0(d) + " == null)");
+        this.f.l("if (this._" + CodeGeneratingComponentRenderer.d2(d) + " == null)");
         this.f.l("{");
         this.f.h();
         this.f.k(c);
-        this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+        this.f.l("this._" + CodeGeneratingComponentRenderer.d2(d) + " = " + d + ";");
         this.f.f();
         this.f.l("}");
-        this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+        this.f.l("return this._" + CodeGeneratingComponentRenderer.d2(d) + ";");
         this.f.f();
         this.f.l("}");
         this.f.f();
         this.f.l("}");
-        return CodeGeneratingComponentRenderer.d1(d);
+        return CodeGeneratingComponentRenderer.d3(d);
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
@@ -611,71 +650,90 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a, b) {
-        if (b.c == null) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bn = 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.a0 + 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.aw(a, f, true) + "\"";
+            }
+            else {
+                g += this.aw(a, f, true);
             }
-            c += b[d];
         }
-        return c;
+        g += " })";
+        return g;
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a, b) {
+        var c = b.b.specificType;
+        if (c == null) {
+            c = b.b.specificExternalType;
+        }
+        return this.bn(a, c, b);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, a);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
+        _super.prototype.a4.call(this, a);
         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.bk.contains(this.aj)) {
+            this.bk.add_1(this.aj);
+            if (!this.bl.contains(this.ak)) {
+                this.bl.add_1(this.ak);
+                this.a3(this.ak);
             }
-            this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+            this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
             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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                 }
             }
             else {
-                this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
         this.h.l(">");
         this.h.h();
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
         this.h.f();
         this.h.l("</" + a + ">");
         this.h.l("");
-        _super.prototype.bb.call(this, a);
+        _super.prototype.bd.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.ba = function (a, b, c, d) {
+        if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+            this.bj(c);
             if (a > 0) {
                 this.h.l("");
             }
@@ -688,29 +746,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.bj(c);
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
                 }
-                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                 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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var e = CodeGeneratingComponentRenderer.d2(this.aw(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.aj) + "." + b + " = " + f + ";");
             return;
         }
         if (a > 0) {
@@ -742,7 +800,7 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         if (b == "Name") {
             this.h.l("");
-            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d0(this.aw(d, c, true)) + "\"");
+            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d2(this.aw(d, c, true)) + "\"");
         }
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
@@ -800,18 +858,18 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         return "@null";
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
+        return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bo = 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);
+        this.bj(a);
+        return CodeGeneratingComponentRenderer.d3(a.a.e);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_1, _a;
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b, c, d) {
+        var e_2, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -824,8 +882,8 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                         }
                     }
                 }
-                catch (e_1_1) {
-                    e_1 = { error: e_1_1 };
+                catch (e_2_1) {
+                    e_2 = { error: e_2_1 };
                 }
                 finally {
                     try {
@@ -833,8 +891,8 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                             _a.call(_b);
                     }
                     finally {
-                        if (e_1)
-                            throw e_1.error;
+                        if (e_2)
+                            throw e_2.error;
                     }
                 }
             }
@@ -846,7 +904,7 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = function () {
         return "Igb";
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -860,9 +918,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.bm = 0;
+        _this.bk = new HashSet$1(String_$type, 0);
+        _this.bl = new HashSet$1(String_$type, 0);
         return _this;
     }
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -881,7 +939,7 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a, b) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bn = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -896,56 +954,56 @@ 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.am = function (a, b) {
+        if (b.b.specificExternalType == "string") {
+            return this.bn(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.a4 = function (a) {
+        _super.prototype.a4.call(this, a);
         if (this.u) {
             this.h.l("var " + this.aj + " = new " + a + "();");
         }
         else {
             this.h.l("var " + this.aj + " = 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.bk.contains(this.aj)) {
+            this.bk.add_1(this.aj);
+            if (!this.bl.contains(this.ak)) {
+                this.bl.add_1(this.ak);
+                this.a3(this.ak);
             }
-            this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+            this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
             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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                 }
             }
             else {
-                this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
             }
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
-        _super.prototype.bb.call(this, a);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
+        _super.prototype.bd.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.ba = function (a, b, c, d) {
+        if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+            this.bj(c);
             if (a > 0) {
                 this.h.l("");
             }
@@ -958,29 +1016,29 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
             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.bj(c);
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
                 }
-                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                 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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d2(this.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var e = CodeGeneratingComponentRenderer.d2(this.aw(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.aj) + "." + b + " = " + f + ";");
             return;
         }
         if (a > 0) {
@@ -991,14 +1049,16 @@ 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;
                             }
                         }
                     }
@@ -1007,7 +1067,12 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
             this.h.j(this.aj + ".");
             this.h.j(b);
             this.h.j(" = ");
-            this.h.j(this.aw(d, c, true));
+            if (h) {
+                this.h.j("\"" + this.aw(d, c, true) + "\"");
+            }
+            else {
+                this.h.j(this.aw(d, c, true));
+            }
             this.h.j(";");
         }
     };
@@ -1071,18 +1136,18 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
         return "null";
     };
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
+        return CodeGeneratingComponentRenderer.d2(CodeGeneratingComponentRenderer.d2(a.a.e));
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function (a) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bo = 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);
+        this.bj(a);
+        return CodeGeneratingComponentRenderer.d3(a.a.e);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_2, _a;
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b, c, d) {
+        var e_3, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1096,8 +1161,8 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
                         }
                     }
                 }
-                catch (e_2_1) {
-                    e_2 = { error: e_2_1 };
+                catch (e_3_1) {
+                    e_3 = { error: e_3_1 };
                 }
                 finally {
                     try {
@@ -1105,8 +1170,8 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
                             _a.call(_b);
                     }
                     finally {
-                        if (e_2)
-                            throw e_2.error;
+                        if (e_3)
+                            throw e_3.error;
                     }
                 }
             }
@@ -1119,7 +1184,7 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
             }
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = function () {
         return "Igb";
     };
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1133,8 +1198,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.bk = new HashSet$1(String_$type, 0);
+        _this.bl = new HashSet$1(String_$type, 0);
         return _this;
     }
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1150,76 +1215,76 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     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 + " {");
+        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.i = function (a, b) {
         return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = 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_a0 = function () {
         return "Igr";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
-        _super.prototype.a3.call(this, a);
-        this.h.l("<" + this.bl(a) + "");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
+        _super.prototype.a4.call(this, a);
+        this.h.l("<" + this.bn(a) + "");
         this.h.h();
-        if (!this.bj.contains(this.ak)) {
-            this.bj.add_1(this.ak);
-            this.a2(this.ak);
+        if (!this.bl.contains(this.ak)) {
+            this.bl.add_1(this.ak);
+            this.a3(this.ak);
         }
-        if (!this.bi.contains(this.aj)) {
-            this.bi.add_1(this.aj);
-            this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+        if (!this.bk.contains(this.aj)) {
+            this.bk.add_1(this.aj);
+            this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
             if (this.u) {
-                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + "Ref(r: " + this.ak + ") {");
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + "Ref(r: " + this.ak + ") {");
                 this.f.h();
-                this.f.l("this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = r;");
+                this.f.l("this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = 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.aj) + "Ref = " + "this." + CodeGeneratingComponentRenderer.d2(this.aj) + "Ref.bind(this);");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bn = 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.bi = function () {
         if (!this.u && !this.p) {
-            var a = this.bk();
+            var a = this.bm();
             this.h.l("");
             this.h.l("name=\"" + a + "\"");
         }
@@ -1227,31 +1292,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.bm = function () {
+        var a = CodeGeneratingComponentRenderer.d2(stringReplace(stringReplace(this.ak, this.a0, ""), "Component", ""));
         a = this.k.u(a);
         return a;
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = 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.bj(a);
+            if (!this.bk.contains(a.a.e)) {
+                this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
             }
-            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
         }
         return this.at();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
         this.h.f();
-        this.h.l("</" + this.bl(a) + ">");
-        _super.prototype.bb.call(this, a);
+        this.h.l("</" + this.bn(a) + ">");
+        _super.prototype.bd.call(this, a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.d0(b);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d2(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);
+        if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d3(c.b.propertyName)) && this.q(d, c)) {
+            this.bj(c);
             if (a > 0) {
                 this.h.l("");
             }
@@ -1266,7 +1331,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.bj(c);
                 f = "{" + f + "}";
             }
             if (a > 0) {
@@ -1288,7 +1353,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.aw(d, c, true)) + "Ref}");
             }
         }
     };
@@ -1306,13 +1371,13 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         return "null";
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+        return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+        return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_3, _a;
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b, c, d) {
+        var e_4, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1325,8 +1390,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                         }
                     }
                 }
-                catch (e_3_1) {
-                    e_3 = { error: e_3_1 };
+                catch (e_4_1) {
+                    e_4 = { error: e_4_1 };
                 }
                 finally {
                     try {
@@ -1334,8 +1399,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                             _a.call(_b);
                     }
                     finally {
-                        if (e_3)
-                            throw e_3.error;
+                        if (e_4)
+                            throw e_4.error;
                     }
                 }
             }
@@ -1347,28 +1412,9 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
         }
     };
-    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.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
     return ReactMarkupCodeGeneratingComponentRendererCodeEmitter;
@@ -1381,9 +1427,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.bm = 0;
+        _this.bk = new HashSet$1(String_$type, 0);
+        _this.bl = new HashSet$1(String_$type, 0);
         return _this;
     }
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1396,25 +1442,33 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         enumerable: false,
         configurable: true
     });
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
+        if (!this.bl.contains(a.b.specificType)) {
+            this.bl.add_1(a.b.specificType);
+            this.a3(a.b.specificType);
+        }
+        var b = a.b != null ? a.b.specificType + "." : "";
+        return b + (a.c != null ? a.c.toString() : "");
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.am = 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);
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
+        _super.prototype.a4.call(this, a);
         if (a == "any") {
             if (this.u) {
                 this.h.l("var " + this.aj + ": any = {};");
@@ -1431,64 +1485,70 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
                 this.h.l("var " + this.aj + " = 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.bk.contains(this.aj)) {
+            this.bk.add_1(this.aj);
+            if (!this.bl.contains(this.ak)) {
+                this.bl.add_1(this.ak);
+                this.a3(this.ak);
             }
-            this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+            this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
             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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
                 }
             }
             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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
             }
         }
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bn = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.d2(a);
+        return CodeGeneratingComponentRenderer.d4(a);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
+        this.h.l("");
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
-        _super.prototype.bb.call(this, a);
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bc = 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);
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
+        {
+            this.h.l("");
+        }
+        _super.prototype.bd.call(this, a);
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d2(b);
+        if (this.s(c)) {
+            this.bj(c);
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
                 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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
                     }
                 }
                 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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var f = CodeGeneratingComponentRenderer.d2(this.aw(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);
+                this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "['" + e + "'] = " + g + ";");
             }
             else {
-                this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + e + " = " + g);
+                this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "." + e + " = " + g + ";");
             }
             return;
         }
@@ -1496,13 +1556,14 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
             this.h.l("");
         }
         if (this.ak == "any" && stringContains(e, "-")) {
-            this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d0(this.aj) + "['" + e + "']");
+            this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d2(this.aj) + "['" + e + "']");
         }
         else {
-            this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d0(e));
+            this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d2(e));
         }
         this.h.j(" = ");
         this.h.j(this.aw(d, c, true));
+        this.h.j(";");
     };
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
@@ -1518,18 +1579,18 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         return "null";
     };
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aq = 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.bj(a);
+            if (!this.bk.contains(a.a.e)) {
+                this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
             }
-            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
         }
         return this.at();
     };
@@ -1575,18 +1636,34 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         }
         return _super.prototype.aw.call(this, a, b, c);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = 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.s(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.aj + "." + b + " = []");
+                                }
+                                this.h.l(this.aj + "." + b + ".push(" + this.ax + ");");
+                            }
+                            else {
+                                this.h.l(this.aj + "." + b + ".add(" + this.ax + ");");
+                            }
                         }
                     }
                 }
@@ -1607,8 +1684,8 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         }
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
-                var h = c.c;
-                h.s(this, false);
+                var l = c.c;
+                l.s(this, false);
                 this.h.l(this.aj + "." + b + " = " + this.ax + ";");
             }
         }
@@ -1631,31 +1708,12 @@ var ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = 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.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
     };
     ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -1668,9 +1726,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.bm = 0;
+        _this.bk = new HashSet$1(String_$type, 0);
+        _this.bl = new HashSet$1(String_$type, 0);
         return _this;
     }
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1689,131 +1747,112 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
     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 + " {");
+        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);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = 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.a4 = function (a) {
+        _super.prototype.a4.call(this, a);
+        this.h.l("<" + this.bn(a) + "");
+        if (!this.bk.contains(this.aj)) {
+            this.bk.add_1(this.aj);
+            if (!this.bl.contains(this.ak)) {
+                this.bl.add_1(this.ak);
+                this.a3(this.ak);
             }
-            this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+            this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
             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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
                 }
             }
             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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bn = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.d2(a);
+        return CodeGeneratingComponentRenderer.d4(a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
         this.h.l(">");
         this.h.h();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
         this.h.f();
-        this.h.l("</" + this.bl(a) + ">");
-        _super.prototype.bb.call(this, a);
+        this.h.l("</" + this.bn(a) + ">");
+        _super.prototype.bd.call(this, a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = 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.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.d0(b);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = 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.bj(c);
+            if (!this.bk.contains(this.aj)) {
+                this.bk.add_1(this.aj);
+                if (!this.bl.contains(this.ak)) {
+                    this.bl.add_1(this.ak);
+                    this.a3(this.ak);
                 }
-                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+                this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
                 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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d4(stringReplace(this.ak, "Component", "")) + "') as " + this.ak + ";");
                     }
                 }
                 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.aj) + " = this." + CodeGeneratingComponentRenderer.d2(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
+            var f = CodeGeneratingComponentRenderer.d2(this.aw(d, c, true));
             var g = f;
             if (g != "null" && !stringStartsWith(g, "this.")) {
                 g = "this." + g;
             }
-            this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + e + " = " + g);
+            this.e.l(CodeGeneratingComponentRenderer.d2(this.aj) + "." + e + " = " + g);
             return;
         }
         if (a > 0) {
             this.h.l("");
         }
-        this.h.j(CodeGeneratingComponentRenderer.d2(e));
+        this.h.j(CodeGeneratingComponentRenderer.d4(e));
         this.h.j("=");
         this.h.j("\"");
         this.h.j(this.aw(d, c, true));
@@ -1837,23 +1876,23 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         return "null";
     };
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = 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.bj(a);
+            if (!this.bk.contains(a.a.e)) {
+                this.g.l("this." + CodeGeneratingComponentRenderer.d2(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + ".bind(this);");
             }
-            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e);
         }
         return this.at();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_8, _a;
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b, c, d) {
+        var e_6, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1866,8 +1905,8 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                         }
                     }
                 }
-                catch (e_8_1) {
-                    e_8 = { error: e_8_1 };
+                catch (e_6_1) {
+                    e_6 = { error: e_6_1 };
                 }
                 finally {
                     try {
@@ -1875,8 +1914,8 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                             _a.call(_b);
                     }
                     finally {
-                        if (e_8)
-                            throw e_8.error;
+                        if (e_6)
+                            throw e_6.error;
                     }
                 }
             }
@@ -1903,31 +1942,12 @@ var WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @cla
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = 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.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
     };
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -1946,11 +1966,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 +2048,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 +2057,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 +2079,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 +2088,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 +2134,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 +2172,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 +2182,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 +2207,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 +2240,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 +2301,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 +2350,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.bm = 0;
+        _this.bk = new HashSet$1(String_$type, 0);
+        _this.bl = new HashSet$1(String_$type, 0);
         return _this;
     }
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -2345,99 +2368,80 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     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 + " {");
+        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);
     };
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = 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_a0 = 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.a4 = function (a) {
+        _super.prototype.a4.call(this, a);
+        this.h.l("<" + this.bn(a) + "");
+        if (!this.bk.contains(this.aj)) {
+            this.bk.add_1(this.aj);
+            if (!this.bl.contains(this.ak)) {
+                this.bl.add_1(this.ak);
+                this.a3(this.ak);
             }
-            this.f.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.aj) + "\", { static: true } )");
+            this.f.l("private " + CodeGeneratingComponentRenderer.d2(this.aj) + ": " + this.ak);
         }
     };
-    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.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bn = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.d2(a);
+        return CodeGeneratingComponentRenderer.d4(a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
         this.h.l(">");
         this.h.h();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
         this.h.f();
-        this.h.l("</" + this.bl(a) + ">");
-        _super.prototype.bb.call(this, a);
+        this.h.l("</" + this.bn(a) + ">");
+        _super.prototype.bd.call(this, a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.d0(b);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d2(b);
         if (this.q(d, c)) {
-            this.bh(c);
+            this.bj(c);
             if (this.t(c)) {
                 e = "(" + e + ")";
             }
@@ -2455,13 +2459,13 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         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.aw(d, c, true)));
         }
     };
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bh(a);
-            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e) + "($event)";
+            this.bj(a);
+            return "this." + CodeGeneratingComponentRenderer.d2(a.a.e) + "($event)";
         }
         return this.at();
     };
@@ -2479,13 +2483,13 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         return "null";
     };
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        return CodeGeneratingComponentRenderer.d0(a.a.e);
+        return CodeGeneratingComponentRenderer.d2(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_12, _a;
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b, c, d) {
+        var e_8, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -2498,8 +2502,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                         }
                     }
                 }
-                catch (e_12_1) {
-                    e_12 = { error: e_12_1 };
+                catch (e_8_1) {
+                    e_8 = { error: e_8_1 };
                 }
                 finally {
                     try {
@@ -2507,8 +2511,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                             _a.call(_b);
                     }
                     finally {
-                        if (e_12)
-                            throw e_12.error;
+                        if (e_8)
+                            throw e_8.error;
                     }
                 }
             }
@@ -2538,31 +2542,12 @@ var AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = 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.a8 = function (a, b, c) {
+        _super.prototype.a8.call(this, a, b, c);
+        WebImportsHalper.a(this.k, this.az, this.ay, this.a0, a, b, c);
     };
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -2601,7 +2586,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 +2595,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 +2611,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 +2620,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 +2870,34 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        if (a.c == null) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = 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.a4 = function (a) {
+        _super.prototype.a4.call(this, a);
         this.h.l("<ig:" + a + "");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
         this.h.l(">");
         this.h.h();
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
         this.h.f();
         this.h.l("</ig:" + a + ">");
-        _super.prototype.bb.call(this, a);
+        _super.prototype.bd.call(this, a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ba = 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) {
@@ -2951,16 +2936,16 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
         return "{Binding ElementName=" + a.a.e + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bk = 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) + "}";
+        this.bj(a);
+        return "{Binding " + this.bk(a.a.e) + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
-        var e_15, _a;
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b, c, d) {
+        var e_10, _a;
         this.h.j("<ig:");
         {
             this.h.j(this.ak);
@@ -2981,8 +2966,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                         }
                     }
                 }
-                catch (e_15_1) {
-                    e_15 = { error: e_15_1 };
+                catch (e_10_1) {
+                    e_10 = { error: e_10_1 };
                 }
                 finally {
                     try {
@@ -2990,8 +2975,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                             _a.call(_b);
                     }
                     finally {
-                        if (e_15)
-                            throw e_15.error;
+                        if (e_10)
+                            throw e_10.error;
                     }
                 }
             }
@@ -3011,7 +2996,7 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         this.h.j(b);
         this.h.l(">");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_a0 = function () {
         return "Xam";
     };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFXamlCodeGeneratingComponentRendererCodeEmitter, 'WPFXamlCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -3053,16 +3038,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,7 +3062,13 @@ 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;
         }
@@ -3086,7 +3077,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return a.substr(0, 1).toLowerCase() + a.substr(1);
     };
-    CodeGeneratingComponentRenderer.d1 = function (a) {
+    CodeGeneratingComponentRenderer.d3 = function (a) {
         if (a == null) {
             return null;
         }
@@ -3095,7 +3086,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return a.substr(0, 1).toUpperCase() + a.substr(1);
     };
-    CodeGeneratingComponentRenderer.d2 = function (a) {
+    CodeGeneratingComponentRenderer.d4 = function (a) {
         if (a == null) {
             return null;
         }
@@ -3130,27 +3121,22 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return j.toString();
     };
-    CodeGeneratingComponentRenderer.prototype.ao = function () {
+    CodeGeneratingComponentRenderer.prototype.ap = function () {
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.ab = function (a) {
-        _super.prototype.ab.call(this, a);
-        this.dw = a;
-        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 +3144,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 +3185,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 +3196,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 +3250,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 +3259,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 +3274,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 +3294,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 +3313,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 +3330,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 +3346,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.d8(b, a);
         return b;
     };
-    CodeGeneratingComponentRenderer.prototype.d6 = function (a, b) {
+    CodeGeneratingComponentRenderer.prototype.d8 = function (a, b) {
         b.execute(a);
     };
-    CodeGeneratingComponentRenderer.prototype.a9 = function () {
-        return runOn(this, this.d4);
+    CodeGeneratingComponentRenderer.prototype.ba = function () {
+        return runOn(this, this.d6);
     };
-    CodeGeneratingComponentRenderer.prototype.d3 = function (a) {
+    CodeGeneratingComponentRenderer.prototype.d5 = 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.d6 = function (a) {
         var b = a;
         if (stringStartsWith(a, "{")) {
             if (!stringStartsWith(a, "{[")) {
                 a = a.substr(1, a.length - 2);
-                a = "{" + this.d3(a) + "}";
+                a = "{" + this.d5(a) + "}";
                 b = a;
             }
         }
         else {
-            b = this.d3(a);
+            b = this.d5(a);
         }
         return b;
     };
-    CodeGeneratingComponentRenderer.dz = function (a) {
+    CodeGeneratingComponentRenderer.d1 = function (a) {
         switch (a) {
             case 1: return 3;
             case 2: return 2;
@@ -3435,27 +3428,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.s(j, true);
+                var k = j.toString();
+                b.addContainerResult(this.id, k);
+                j.a6(e);
+                j.a9(f);
+                j.a5(g);
+                j.a7(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 +3456,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;
@@ -3560,7 +3553,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         return null;
     };
     CodeGenerationItemBuilder.prototype.s = function (a, b) {
-        var e_20, _a, e_21, _b;
+        var e_15, _a, e_16, _b;
         var c = this.m();
         if (b) {
             var d = this.o();
@@ -3570,20 +3563,20 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         var f = false;
         if (this.f.containsKey("Name")) {
             e = true;
-            a.bf(this.f.item("Name").c);
+            a.bh(this.f.item("Name").c);
         }
         else if (this.f.containsKey("name")) {
             e = true;
-            a.bf(this.f.item("name").c);
+            a.bh(this.f.item("name").c);
         }
         else {
             if (b && this.r != null) {
                 e = true;
-                a.bf(this.r);
+                a.bh(this.r);
             }
             else if (this.e(this.c, a)) {
                 f = true;
-                a.be(c);
+                a.bg(c);
                 if (a.x) {
                     this.g.add("name");
                     this.f.addItem("name", ((function () {
@@ -3602,7 +3595,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        a.a3(this.p());
+        a.a4(this.p());
         var g = 0;
         try {
             for (var _c = __values(fromEnum(this.g)), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -3612,13 +3605,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (this.d(a, h, i)) {
-                    a.a9(g, h, i, this.c);
+                    a.ba(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 +3619,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.bi();
         var j = 0;
         try {
             for (var _e = __values(fromEnum(this.g)), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -3640,13 +3633,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (!this.d(a, k, l)) {
-                    a.ba(j, k, l, this.c);
+                    a.bb(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 +3647,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.bc(j);
+        a.bd(c);
         if (e) {
-            a.bd();
+            a.bf();
         }
         else {
             if (f) {
-                a.bc();
+                a.be();
             }
         }
     };
     CodeGenerationItemBuilder.prototype.e = function (a, b) {
-        var e_22, _a;
+        var e_17, _a;
         if (b.n) {
             return true;
         }
@@ -3682,8 +3676,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 +3685,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;