igniteui-angular-core 14.1.2 → 14.2.0

package/esm5/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -5,26 +5,31 @@ 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, Boolean_$type, markType, fromEn, fromEnum, Number_$type, runOn, Array_$type } from "./type";
+import { Base, IList_$type, NotSupportedException, String_$type, typeCast, Array_$type, Boolean_$type, markType, EnumUtil, fromEn, fromEnum, Number_$type, runOn } from "./type";
 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 { 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 { CodeGeneratingComponentRendererHandlerEmitter } from "./CodeGeneratingComponentRendererHandlerEmitter";
+import { CodeGeneratingRegexHelper } from "./CodeGeneratingRegexHelper";
 import { CodeGeneratingComponentRendererDataEmitter } from "./CodeGeneratingComponentRendererDataEmitter";
 import { Dictionary$2 } from "./Dictionary$2";
+import { JsonDictionaryValue } from "./JsonDictionaryValue";
 import { JsonDictionaryObject } from "./JsonDictionaryObject";
 import { JsonDictionaryArray } from "./JsonDictionaryArray";
 import { ComponentRenderer } from "./ComponentRenderer";
-import { TSCodeGeneratingComponentRendererHandlerEmitter } from "./TSCodeGeneratingComponentRendererHandlerEmitter";
 import { DotNetCodeGeneratingComponentRendererHandlerEmitter } from "./DotNetCodeGeneratingComponentRendererHandlerEmitter";
+import { TSCodeGeneratingComponentRendererTemplateEmitter } from "./TSCodeGeneratingComponentRendererTemplateEmitter";
+import { DotNetCodeGeneratingComponentRendererTemplateEmitter } from "./DotNetCodeGeneratingComponentRendererTemplateEmitter";
 import { TSCodeGeneratingComponentRendererModuleEmitter } from "./TSCodeGeneratingComponentRendererModuleEmitter";
 import { DotNetCodeGeneratingComponentRendererModuleEmitter } from "./DotNetCodeGeneratingComponentRendererModuleEmitter";
 import { BlazorCodeGeneratingComponentRendererModuleEmitter } from "./BlazorCodeGeneratingComponentRendererModuleEmitter";
@@ -38,32 +43,40 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
     __extends(CodeGeneratingComponentRendererCodeEmitter, _super);
     function CodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this) || this;
-        _this.k = null;
-        _this.i = null;
-        _this.t = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
+        _this.l = null;
+        _this.j = null;
+        _this.y = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
         _this.d = null;
         _this.a = null;
         _this.c = null;
         _this.b = null;
-        _this.u = new List$1(String_$type, 0);
-        _this.x = new Stack$1(String_$type);
-        _this.v = new Stack$1(String_$type);
-        _this.w = new Stack$1(Boolean_$type);
-        _this.aq = null;
-        _this.k = a;
-        _this.i = b;
-        _this.d = new CodeGeneratingCodeWriter(_this.k);
-        _this.a = new CodeGeneratingCodeWriter(_this.k);
-        _this.c = new CodeGeneratingCodeWriter(_this.k);
-        _this.b = new CodeGeneratingCodeWriter(_this.k);
+        _this.z = new List$1(String_$type, 0);
+        _this.ac = new Stack$1(String_$type);
+        _this.aa = new Stack$1(String_$type);
+        _this.ab = new Stack$1(Boolean_$type);
+        _this.ay = null;
+        _this.ax = null;
+        _this.l = a;
+        _this.j = b;
+        _this.d = new CodeGeneratingCodeWriter(_this.l);
+        _this.a = new CodeGeneratingCodeWriter(_this.l);
+        _this.c = new CodeGeneratingCodeWriter(_this.l);
+        _this.b = new CodeGeneratingCodeWriter(_this.l);
         return _this;
     }
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
-        this.i.af(a);
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "m", {
+        get: function () {
+            return this.l;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+        this.j.af(a);
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "j", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "k", {
         get: function () {
-            return this.i;
+            return this.j;
         },
         enumerable: false,
         configurable: true
@@ -96,18 +109,47 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        this.u.add(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+        this.z.add(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.n = function (a) {
-        if (a.b != null && (a.b.knownType == 20 || a.b.knownType == 19 || a.b.knownType == 18)) {
-            if (a.a != null) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.v = function (a, b) {
+        if (this.r) {
+            return false;
+        }
+        if (a.hasMustSetInCodePlatforms(b.b.owningType, b.b.propertyName)) {
+            var c = a.getMustSetInCodePlatforms(b.b.owningType, b.b.propertyName);
+            var _loop_1 = function (e) {
+                var d = c[e];
+                var f;
+                if (((function () { var g = EnumUtil.tryParse$1(CodeGenerationTargetPlatforms_$type, d, true, f); f = g.p2; return g.ret; })())) {
+                    if (f == this_1.j.platform) {
+                        return { value: true };
+                    }
+                }
+            };
+            var this_1 = this;
+            for (var e = 0; e < c.length; e++) {
+                var state_1 = _loop_1(e);
+                if (typeof state_1 === "object")
+                    return state_1.value;
+            }
+        }
+        return false;
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.q = function (a, b) {
+        if (b.b != null && (b.b.knownType == 20 || b.b.knownType == 19 || b.b.knownType == 22 || b.b.knownType == 18)) {
+            if (b.a != null) {
+                return true;
+            }
+        }
+        if (b.b != null && (b.b.knownType == 8 || b.b.knownType == 9)) {
+            if (this.v(a, b)) {
                 return true;
             }
         }
         return false;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.p = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.t = function (a) {
         if (a.b != null && (a.b.knownType == 19)) {
             if (a.a != null) {
                 return true;
@@ -115,154 +157,227 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ae", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ak", {
         get: function () {
-            return this.x.d();
+            return this.ac.d();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        this.x.h(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+        this.ac.h(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
-        this.x.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+        this.ac.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
-        this.a0(a, b, c, d);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        this.a9(a, b, c, d);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.toString = function () {
         return this.d.toString();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
         return "null";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b) {
-        if (a.b == null) {
-            return a.c;
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+        if (b.b == null) {
+            return b.c;
         }
-        if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-            a.c = this.y(a);
+        if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+            b.c = this.ad(b);
         }
-        switch (a.b.knownType) {
-            case 10: return this.af(a);
-            case 7: return a.c ? "true" : "false";
-            case 4: return this.aa(a);
+        switch (b.b.knownType) {
+            case 10: return this.am(b);
+            case 7: return b.c ? "true" : "false";
+            case 4: return this.af(b);
             case 6:
                 {
-                    var c = "";
-                    var d = a.c;
-                    for (var e = 0; e < d.count; e++) {
-                        if (e >= 1) {
-                            c += " ";
+                    var d = "";
+                    var e = b.c;
+                    for (var f = 0; f < e.count; f++) {
+                        if (f >= 1) {
+                            d += " ";
                         }
-                        c += this.z(d.item(e));
+                        d += this.ae(e.item(f));
                     }
-                    return c;
+                    return d;
                 }
                 break;
-            case 9: throw new NotSupportedException(1, "shouldn't get here");
-            case 5: return this.ac(a);
+            case 9:
+                if (this.v(a, b)) {
+                    return this.ai(a, b);
+                }
+                throw new NotSupportedException(1, "shouldn't get here");
+            case 5: return this.ah(b);
             case 16:
                 {
-                    var f = "";
-                    var g = a.c;
-                    for (var h = 0; h < g.count; h++) {
-                        if (h >= 1) {
-                            f += " ";
+                    var g = "";
+                    var h = b.c;
+                    for (var i = 0; i < h.count; i++) {
+                        if (i >= 1) {
+                            g += " ";
                         }
-                        f += this.ab(g.item(h));
+                        g += this.ag(h.item(i));
                     }
-                    return f;
+                    return g;
                 }
                 break;
             case 20:
-                if (a.a != null) {
-                    return this.ao(a);
+                if (b.a != null) {
+                    return this.av(b);
+                }
+                if (b.c == null) {
+                    return this.at();
+                }
+                break;
+            case 22:
+                if (b.a != null) {
+                    return this.av(b);
                 }
-                if (a.c == null) {
-                    return this.am();
+                if (b.c == null) {
+                    return this.at();
                 }
                 break;
             case 15: throw new NotSupportedException(1, "need to figure this out");
             case 3: throw new NotSupportedException(1, "need to figure this out");
             case 19:
-                if (a.a != null) {
-                    return this.aj(a);
+                if (b.a != null) {
+                    return this.aq(b);
                 }
                 else {
-                    return this.am();
+                    return this.at();
                 }
                 break;
             case 8:
-                if (a.b.specificExternalType == "string") {
-                    return this.ai(a);
+                if (b.b.specificExternalType == "string") {
+                    return this.ap(b);
                 }
-                if (a.a != null) {
-                    return this.ak(a);
+                if (b.a != null) {
+                    return this.ar(b);
+                }
+                if (this.v(a, b)) {
+                    return this.ai(a, b);
                 }
                 throw new NotSupportedException(1, "shouldn't get here");
             case 13: throw new NotSupportedException(1, "shouldn't get here");
             case 18:
-                if (a.a != null) {
-                    return this.al(a);
+                if (b.a != null) {
+                    return this.as(b);
                 }
                 else {
-                    return this.am();
+                    return this.at();
                 }
                 break;
-            case 1: return a.c.toString();
+            case 1: return b.c.toString();
             case 11:
                 {
-                    var i = a.c;
-                    return i.x + ", " + i.y;
+                    var j = b.c;
+                    return j.x + ", " + j.y;
                 }
             case 14:
                 {
-                    var j = a.c;
-                    return j.left + ", " + j.top + ", " + j.width + ", " + j.height;
+                    var k = b.c;
+                    return k.left + ", " + k.top + ", " + k.width + ", " + k.height;
                 }
             case 12:
                 {
-                    var k = a.c;
-                    return k.width + ", " + k.height;
+                    var l = b.c;
+                    return l.width + ", " + l.height;
                 }
-            case 2: return a.c != null ? a.c.toString() : this.am();
-            case 21: return a.c.toString();
+            case 2: return b.c != null ? b.c.toString() : this.at();
+            case 21: return b.c.toString();
             case 17:
-                if (a.c == null) {
+                if (b.c == null) {
                     return "null";
                 }
-                if (typeof a.c === 'string') {
-                    return a.c.toString();
+                if (typeof b.c === 'string') {
+                    return b.c.toString();
                 }
-                return a.c.toString();
+                return b.c.toString();
             case 0: throw new NotSupportedException(1, "shouldn't get here");
         }
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a, b) {
+        var c = this.a0(a, b);
+        if (b.c != null) {
+            var d = this.i(this.l, this.j);
+            if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
+                var e = b.c;
+                e.r = c;
+                e.s(d, true);
+                var f = d.toString();
+                c = this.al(a, e, f, c);
+            }
+        }
+        return c;
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
+        return d;
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b) {
+        if (b.c == null) {
+            return this.at();
+        }
+        if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
+            var c = b.c.n();
+            if (c != null) {
+                return c;
+            }
+            var d = b.c.m();
+            var e = this.an(d);
+            return e;
+        }
+        else if (typeCast(IList_$type, b.c) !== null) {
+            var f = b.c;
+            if (f.count > 0 && typeCast(CodeGenerationItemBuilder.$, f.item(0)) !== null) {
+                var g = b.c.n();
+                if (g != null) {
+                    return g;
+                }
+                var h = b.c.m();
+                var i = this.an(h);
+                return i;
+            }
+            return this.an(b.b.propertyName);
+        }
+        else if (typeCast(Array_$type, b.c) !== null) {
+            var j = b.c;
+            if (j.length > 0 && typeCast(CodeGenerationItemBuilder.$, j[0]) !== null) {
+                var k = b.c.n();
+                if (k != null) {
+                    return k;
+                }
+                var l = b.c.m();
+                var m = this.an(l);
+                return m;
+            }
+            return this.an(b.b.propertyName);
+        }
+        return this.at();
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         return a.c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             if (a.a.a) {
-                return this.ah(a);
+                return this.ao(a);
             }
             else {
-                return this.an(a);
+                return this.au(a);
             }
         }
-        return this.am();
+        return this.at();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.o = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.s = function (a) {
         if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
             if (a.a.a) {
                 return true;
@@ -270,122 +385,122 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ak = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             return a.a.e;
         }
-        return this.am();
+        return this.at();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
         return a.c != null ? a.c.toString() : "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a) {
-        return this.aj(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        return this.aq(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a8(a);
+            this.bh(a);
             return a.a.e;
         }
-        return this.am();
+        return this.at();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "w", {
         get: function () {
-            return this.get_r();
+            return this.get_w();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ac = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         var b = a.c;
-        return ColorUtil.i(b, this.r);
+        return ColorUtil.i(b, this.w);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ab = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
         var b = a;
-        return ColorUtil.i(b, this.r);
+        return ColorUtil.i(b, this.w);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aa = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         if (a.c == null) {
             return "";
         }
         var b = a.c;
-        return ColorUtil.i(b.color, this.r);
+        return ColorUtil.i(b.color, this.w);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.z = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         if (a == null) {
             return "";
         }
         var b = a;
-        return ColorUtil.i(b.color, this.r);
+        return ColorUtil.i(b.color, this.w);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a) {
-        this.v.h(a);
-        this.w.h(false);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a) {
+        this.aa.h(a);
+        this.ab.h(false);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
-        var b = this.ag(a);
-        this.v.h(b);
-        this.w.h(true);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a) {
+        var b = this.an(a);
+        this.aa.h(b);
+        this.ab.h(true);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
-        var b = stringReplace(stringReplace(a, this.ar, ""), "Component", "");
-        b = CodeGeneratingComponentRenderer.dp(b);
-        return this.i.v(b);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
+        var b = stringReplace(stringReplace(a, this.az, ""), "Component", "");
+        b = CodeGeneratingComponentRenderer.d0(b);
+        return this.j.v(b);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function () {
-        this.v.e();
-        this.w.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bc = function () {
+        this.ax = this.aa.e();
+        this.ab.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ar", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "az", {
         get: function () {
-            return this.get_ar();
+            return this.get_az();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ad", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "aj", {
         get: function () {
-            if (this.v.f > 0) {
-                return this.v.d();
+            if (this.aa.f > 0) {
+                return this.aa.d();
             }
-            var a = stringReplace(stringReplace(this.ae, this.ar, ""), "Component", "");
-            return CodeGeneratingComponentRenderer.dp(a);
+            var a = stringReplace(stringReplace(this.ak, this.az, ""), "Component", "");
+            return CodeGeneratingComponentRenderer.d0(a);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "q", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "u", {
         get: function () {
-            return this.x.f == 1;
+            return this.ac.f == 1;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "l", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "o", {
         get: function () {
-            if (this.w.f == 0) {
+            if (this.ab.f == 0) {
                 return false;
             }
-            return this.w.d();
+            return this.ab.d();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "m", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "p", {
         get: function () {
-            if (this.v.f > 0) {
+            if (this.aa.f > 0) {
                 return true;
             }
             return false;
@@ -393,43 +508,53 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return true;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "s", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "x", {
         get: function () {
-            return this.get_s();
+            return this.get_x();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function () {
-        this.v.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_n = function () {
+        return this.r;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a) {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "n", {
+        get: function () {
+            return this.get_n();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bd = function () {
+        this.ax = this.aa.e();
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
         var b = this.f.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
         var b = this.g.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
         var b = this.e.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a) {
-        if (this.u.count > 0) {
-            this.ay(this.u, a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a) {
+        if (this.z.count > 0) {
+            this.a7(this.z, a);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a, b) {
     };
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
     return CodeGeneratingComponentRendererCodeEmitter;
@@ -442,15 +567,51 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, _super);
     function BlazorRazorCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.bb = 0;
-        _this.a9 = new HashSet$1(String_$type, 0);
-        _this.ba = new HashSet$1(String_$type, 0);
+        _this.bk = 0;
+        _this.bi = new HashSet$1(String_$type, 0);
+        _this.bj = new HashSet$1(String_$type, 0);
         return _this;
     }
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return false;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b) {
+    Object.defineProperty(BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
+        d = _super.prototype.al.call(this, a, b, c, d);
+        this.f.l("private " + b.m() + " _" + CodeGeneratingComponentRenderer.d0(d) + " = null;");
+        this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.d1(d));
+        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("{");
+        this.f.h();
+        this.f.k(c);
+        this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+        this.f.f();
+        this.f.l("}");
+        this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+        this.f.f();
+        this.f.l("}");
+        this.f.f();
+        this.f.l("}");
+        return CodeGeneratingComponentRenderer.d1(d);
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
+        return false;
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -465,9 +626,9 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         d += " })";
         return d;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
         if (a.b.specificExternalType == "string") {
-            return this.bc(a.b.specificExternalType, a);
+            return this.bl(a.b.specificExternalType, a);
         }
         if (a.c == null) {
             return "null";
@@ -482,40 +643,41 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return c;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        _super.prototype.au.call(this, a);
-        this.h.k("<" + a + "");
-        if (!this.a9.contains(this.ad)) {
-            this.a9.add_1(this.ad);
-            if (!this.ba.contains(this.ae)) {
-                this.ba.add_1(this.ae);
-                this.at(this.ae);
-            }
-            this.f.k("private " + this.ae + " " + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
-            if (!this.m) {
-                if (this.q) {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+        _super.prototype.a3.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);
+            }
+            this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+            if (!this.p) {
+                if (this.u) {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
                 }
             }
             else {
-                this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
-        this.h.k(">");
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+        this.h.l(">");
         this.h.h();
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         this.h.f();
-        this.h.k("</" + a + ">");
-        _super.prototype.a2.call(this, a);
+        this.h.l("</" + a + ">");
+        this.h.l("");
+        _super.prototype.bb.call(this, a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
-        if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
-            this.a8(c);
+    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);
             if (a > 0) {
-                this.h.k("");
+                this.h.l("");
             }
             if (c.a == null || c.a.e == null) {
                 this.h.j(b + "Name=\"@null\"");
@@ -525,93 +687,106 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
             return;
         }
-        if (this.o(c)) {
-            this.a8(c);
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                if (!this.ba.contains(this.ae)) {
-                    this.ba.add_1(this.ae);
-                    this.at(this.ae);
-                }
-                this.f.k("private " + this.ae + " " + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
-                if (!this.m) {
-                    if (this.q) {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+        if (this.s(c)) {
+            this.bh(c);
+            if (!this.bi.contains(this.aj)) {
+                this.bi.add_1(this.aj);
+                if (!this.bj.contains(this.ak)) {
+                    this.bj.add_1(this.ak);
+                    this.a2(this.ak);
+                }
+                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                if (!this.p) {
+                    if (this.u) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
                     }
                 }
                 else {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.dp(this.ap(c, true));
+            var e = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
             var f = e;
             if (f != "null" && !stringStartsWith(f, "this.")) {
                 f = "this." + f;
             }
-            this.e.k(CodeGeneratingComponentRenderer.dp(this.ad) + "." + b + " = " + f + ";");
+            this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + b + " = " + f + ";");
             return;
         }
         if (a > 0) {
-            this.h.k("");
+            this.h.l("");
         }
         var g = false;
         if (b == "ComponentRenderer" && (c.b.owningType == "PropertyEditor" || c.b.owningType == "PropertyEditorPanel")) {
             g = true;
         }
         if (!g) {
+            if (c.a != null && c.a.e != null) {
+                if (this.m != null) {
+                    if (this.m.library != null) {
+                        if (this.m.library.hasItem(c.a.e)) {
+                            var h = this.m.library.getItem(c.a.e);
+                            var i = h.getContentForPlatform(5);
+                            if (i != null && i.isJSContent) {
+                                b = b + "Script";
+                            }
+                        }
+                    }
+                }
+            }
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.ap(c, true));
+            this.h.j(this.aw(d, c, true));
             this.h.j("\"");
         }
         if (b == "Name") {
-            this.h.k("");
-            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.dp(this.ap(c, true)) + "\"");
+            this.h.l("");
+            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d0(this.aw(d, c, true)) + "\"");
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
         var b = a.b != null ? a.b.specificType + "." : "";
         return b + (a.c != null ? a.c.toString() : "");
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b) {
-        if (a.b == null) {
-            return a.c;
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+        if (b.b == null) {
+            return b.c;
         }
-        if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-            a.c = this.y(a);
+        if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+            b.c = this.ad(b);
         }
-        switch (a.b.knownType) {
+        switch (b.b.knownType) {
             case 11:
                 {
-                    var c = a.c;
-                    return "@(new Point(" + c.x + ", " + c.y + "))";
+                    var d = b.c;
+                    return "@(new Point(" + d.x + ", " + d.y + "))";
                 }
             case 14:
                 {
-                    var d = a.c;
-                    return "@(new Rect(" + d.left + ", " + d.top + ", " + d.width + ", " + d.height + "))";
+                    var e = b.c;
+                    return "@(new Rect(" + e.left + ", " + e.top + ", " + e.width + ", " + e.height + "))";
                 }
             case 12:
                 {
-                    var e = a.c;
-                    return "@(new Size(" + e.width + ", " + e.height + "))";
+                    var f = b.c;
+                    return "@(new Size(" + f.width + ", " + f.height + "))";
                 }
             case 17:
-                if (a.c == null) {
+                if (b.c == null) {
                     return "null";
                 }
-                if (typeof a.c === 'string') {
-                    return "@(\"" + a.c.toString() + "\")";
+                if (typeof b.c === 'string') {
+                    return "@(\"" + b.c.toString() + "\")";
                 }
-                if (typeCast(Boolean_$type, a.c) !== null) {
-                    return a.c ? "true" : "false";
+                if (typeCast(Boolean_$type, b.c) !== null) {
+                    return b.c ? "true" : "false";
                 }
-                return a.c.toString();
+                return b.c.toString();
         }
-        return _super.prototype.ap.call(this, a, b);
+        return _super.prototype.aw.call(this, a, b, c);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -621,21 +796,21 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
         return "@null";
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
-        return CodeGeneratingComponentRenderer.dp(CodeGeneratingComponentRenderer.dp(a.a.e));
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+        return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.dq(a);
+        return CodeGeneratingComponentRenderer.d1(a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
-        this.a8(a);
-        return CodeGeneratingComponentRenderer.dq(a.a.e);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        this.bh(a);
+        return CodeGeneratingComponentRenderer.d1(a.a.e);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
         var e_1, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -645,7 +820,7 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
@@ -667,11 +842,11 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.p(this, false);
+                h.s(this, false);
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
         return "Igb";
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -684,11 +859,269 @@ export { BlazorRazorCodeGeneratingComponentRendererCodeEmitter };
 var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, _super);
     function BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
-        return _super.call(this, a, b) || this;
+        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);
+        return _this;
     }
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return true;
+    };
+    Object.defineProperty(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a, b) {
+        if (b.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] + "\"";
+        }
+        d += " }";
+        return d;
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+        if (a.b.specificExternalType == "string") {
+            return this.bl(a.b.specificExternalType, a);
+        }
+        if (a.c == null) {
+            return "null";
+        }
+        var b = a.c;
+        var c = "";
+        for (var d = 0; d < b.length; d++) {
+            if (d > 0) {
+                c += ", ";
+            }
+            c += b[d];
+        }
+        return c;
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+        _super.prototype.a3.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);
+            }
+            this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+            if (!this.p) {
+                if (this.u) {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                }
+            }
+            else {
+                this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+            }
+        }
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+        _super.prototype.bb.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);
+            if (a > 0) {
+                this.h.l("");
+            }
+            if (c.a == null || c.a.e == null) {
+                this.h.j(this.aj + "." + b + "Name = null;");
+            }
+            else {
+                this.h.j(this.aj + "." + b + "Name = " + c.a.e + ";");
+            }
+            return;
+        }
+        if (this.s(c)) {
+            this.bh(c);
+            if (!this.bi.contains(this.aj)) {
+                this.bi.add_1(this.aj);
+                if (!this.bj.contains(this.ak)) {
+                    this.bj.add_1(this.ak);
+                    this.a2(this.ak);
+                }
+                this.f.l("private " + this.ak + " " + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                if (!this.p) {
+                    if (this.u) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                    }
+                }
+                else {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + ";");
+                }
+            }
+            var e = CodeGeneratingComponentRenderer.d0(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 + ";");
+            return;
+        }
+        if (a > 0) {
+            this.h.l("");
+        }
+        var g = false;
+        if (b == "ComponentRenderer" && (c.b.owningType == "PropertyEditor" || c.b.owningType == "PropertyEditorPanel")) {
+            g = true;
+        }
+        if (!g) {
+            if (c.a != null && c.a.e != null) {
+                if (this.m != null) {
+                    if (this.m.library != null) {
+                        if (this.m.library.hasItem(c.a.e)) {
+                            var h = this.m.library.getItem(c.a.e);
+                            var i = h.getContentForPlatform(5);
+                            if (i != null && i.isJSContent) {
+                                b = b + "Script";
+                            }
+                        }
+                    }
+                }
+            }
+            this.h.j(this.aj + ".");
+            this.h.j(b);
+            this.h.j(" = ");
+            this.h.j(this.aw(d, c, true));
+            this.h.j(";");
+        }
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a) {
+        var b = a.b != null ? a.b.specificType + "." : "";
+        return b + (a.c != null ? a.c.toString() : "");
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+        if (b.b == null) {
+            return "\"" + b.c + "\"";
+        }
+        if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+            b.c = this.ad(b);
+        }
+        switch (b.b.knownType) {
+            case 11:
+                {
+                    var d = b.c;
+                    return "new Point(" + d.x + ", " + d.y + ")";
+                }
+            case 14:
+                {
+                    var e = b.c;
+                    return "new Rect(" + e.left + ", " + e.top + ", " + e.width + ", " + e.height + ")";
+                }
+            case 12:
+                {
+                    var f = b.c;
+                    return "new Size(" + f.width + ", " + f.height + ")";
+                }
+            case 17:
+                if (b.c == null) {
+                    return "null";
+                }
+                if (typeof b.c === 'string') {
+                    return "\"" + b.c.toString() + "\"";
+                }
+                if (typeCast(Boolean_$type, b.c) !== null) {
+                    return b.c ? "true" : "false";
+                }
+                return b.c.toString();
+            case 5:
+            case 6:
+            case 16:
+            case 2: return "\"" + _super.prototype.aw.call(this, a, b, c) + "\"";
+            case 9: throw new NotSupportedException(1, "shouldn't get here");
+        }
+        return _super.prototype.aw.call(this, a, b, c);
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+        var b = a.c;
+        switch (b.a) {
+            case 3: return b.b;
+            case 0: return b.b;
+            case 1: return b.b;
+            case 2: return b.b;
+        }
+        return b.b;
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+        return "null";
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+        return CodeGeneratingComponentRenderer.d0(CodeGeneratingComponentRenderer.d0(a.a.e));
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function (a) {
+        a = stringReplace(a, "-", "_");
+        return CodeGeneratingComponentRenderer.d1(a);
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        this.bh(a);
+        return CodeGeneratingComponentRenderer.d1(a.a.e);
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e_2, _a;
+        if (c.b.knownType == 9) {
+            var e = typeCast(IList_$type, c.c);
+            if (e != null) {
+                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 + ");");
+                        }
+                    }
+                }
+                catch (e_2_1) {
+                    e_2 = { error: e_2_1 };
+                }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return))
+                            _a.call(_b);
+                    }
+                    finally {
+                        if (e_2)
+                            throw e_2.error;
+                    }
+                }
+            }
+        }
+        else {
+            if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
+                var h = c.c;
+                h.s(this, false);
+                this.h.l(this.aj + "." + b + " = " + this.ax + ";");
+            }
+        }
+    };
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
+        return "Igb";
+    };
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
     return BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter;
 }(CodeGeneratingComponentRendererCodeEmitter));
@@ -700,11 +1133,42 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function ReactMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.a9 = new HashSet$1(String_$type, 0);
-        _this.ba = new HashSet$1(String_$type, 0);
+        _this.bi = new HashSet$1(String_$type, 0);
+        _this.bj = new HashSet$1(String_$type, 0);
         return _this;
     }
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return false;
+    };
+    Object.defineProperty(ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
+        d = _super.prototype.al.call(this, a, b, c, d);
+        var e = b.p();
+        this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d0(d) + ": " + e + " | null = null;");
+        this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+        this.f.h();
+        this.f.l("if (this._" + CodeGeneratingComponentRenderer.d0(d) + " == null)");
+        this.f.l("{");
+        this.f.h();
+        this.f.k(c);
+        this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+        this.f.f();
+        this.f.l("}");
+        this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+        this.f.f();
+        this.f.l("}");
+        return CodeGeneratingComponentRenderer.d1(d);
+    };
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
         if (a.c == null) {
             return "{null}";
         }
@@ -719,77 +1183,77 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         c += "]";
         return c;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return true;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
         return "Igr";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        _super.prototype.au.call(this, a);
-        this.h.k("<" + this.bc(a) + "");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+        _super.prototype.a3.call(this, a);
+        this.h.l("<" + this.bl(a) + "");
         this.h.h();
-        if (!this.ba.contains(this.ae)) {
-            this.ba.add_1(this.ae);
-            this.at(this.ae);
-        }
-        if (!this.a9.contains(this.ad)) {
-            this.a9.add_1(this.ad);
-            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
-            if (this.q) {
-                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref(r: " + this.ae + ") {");
+        if (!this.bj.contains(this.ak)) {
+            this.bj.add_1(this.ak);
+            this.a2(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.u) {
+                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + "Ref(r: " + this.ak + ") {");
                 this.f.h();
-                this.f.k("this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = r;");
-                this.f.k("this.setState({});");
+                this.f.l("this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = r;");
+                this.f.l("this.setState({});");
                 this.f.f();
-                this.f.k("}");
-                this.g.k("this." + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref = " + "this." + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref.bind(this);");
+                this.f.l("}");
+                this.g.l("this." + CodeGeneratingComponentRenderer.d0(this.aj) + "Ref = " + "this." + CodeGeneratingComponentRenderer.d0(this.aj) + "Ref.bind(this);");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.dq(a);
+        return CodeGeneratingComponentRenderer.d1(a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
-        if (!this.q && !this.m) {
-            var a = this.bb();
-            this.h.k("");
-            this.h.k("name=\"" + a + "\"");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+        if (!this.u && !this.p) {
+            var a = this.bk();
+            this.h.l("");
+            this.h.l("name=\"" + a + "\"");
         }
         this.h.f();
-        this.h.k(">");
+        this.h.l(">");
         this.h.h();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function () {
-        var a = CodeGeneratingComponentRenderer.dp(stringReplace(stringReplace(this.ae, this.ar, ""), "Component", ""));
-        a = this.j.u(a);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bk = function () {
+        var a = CodeGeneratingComponentRenderer.d0(stringReplace(stringReplace(this.ak, this.az, ""), "Component", ""));
+        a = this.k.u(a);
         return a;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a8(a);
-            if (!this.a9.contains(a.a.e)) {
-                this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
+            this.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);");
             }
-            return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
         }
-        return this.am();
+        return this.at();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         this.h.f();
-        this.h.k("</" + this.bc(a) + ">");
-        _super.prototype.a2.call(this, a);
-    };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.dp(b);
-        var f = this.ap(c, true);
-        if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
-            this.a8(c);
+        this.h.l("</" + this.bl(a) + ">");
+        _super.prototype.bb.call(this, a);
+    };
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d0(b);
+        var f = this.aw(d, c, true);
+        if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d1(c.b.propertyName)) && this.q(d, c)) {
+            this.bh(c);
             if (a > 0) {
-                this.h.k("");
+                this.h.l("");
             }
             if (c.a == null || c.a.e == null) {
                 this.h.j(e + "Name={null}");
@@ -799,36 +1263,36 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
             return;
         }
-        if (!(e == "name") || !this.q) {
+        if (!(e == "name") || !this.u) {
             var g = (c.b != null && c.b.knownType == 10);
-            if (this.n(c) || g) {
-                this.a8(c);
+            if (this.q(d, c) || g) {
+                this.bh(c);
                 f = "{" + f + "}";
             }
             if (a > 0) {
-                this.h.k("");
+                this.h.l("");
             }
             this.h.j(e);
             this.h.j("=");
-            if (!this.n(c) && !g) {
+            if (!this.q(d, c) && !g) {
                 this.h.j("\"");
             }
             this.h.j(f);
-            if (!this.n(c) && !g) {
+            if (!this.q(d, c) && !g) {
                 this.h.j("\"");
             }
             a++;
         }
         if (e == "name") {
-            if (this.q) {
+            if (this.u) {
                 if (a > 0) {
-                    this.h.k("");
+                    this.h.l("");
                 }
-                this.h.j("ref={this." + CodeGeneratingComponentRenderer.dp(this.ap(c, true)) + "Ref}");
+                this.h.j("ref={this." + CodeGeneratingComponentRenderer.d0(this.aw(d, c, true)) + "Ref}");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -838,17 +1302,17 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
         return "null";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+        return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
-        return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
-        var e_2, _a;
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e_3, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -857,12 +1321,12 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
-                catch (e_2_1) {
-                    e_2 = { error: e_2_1 };
+                catch (e_3_1) {
+                    e_3 = { error: e_3_1 };
                 }
                 finally {
                     try {
@@ -870,8 +1334,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                             _a.call(_b);
                     }
                     finally {
-                        if (e_2)
-                            throw e_2.error;
+                        if (e_3)
+                            throw e_3.error;
                     }
                 }
             }
@@ -879,21 +1343,21 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.p(this, false);
+                h.s(this, false);
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
-        var e_3, _a;
-        _super.prototype.ay.call(this, a, b);
+    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.aq, c);
+                b.addPackageImport("igniteui-react-" + this.ay, c);
             }
         }
-        catch (e_3_1) {
-            e_3 = { error: e_3_1 };
+        catch (e_4_1) {
+            e_4 = { error: e_4_1 };
         }
         finally {
             try {
@@ -901,8 +1365,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                     _a.call(_b);
             }
             finally {
-                if (e_3)
-                    throw e_3.error;
+                if (e_4)
+                    throw e_4.error;
             }
         }
     };
@@ -910,6 +1374,249 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     return ReactMarkupCodeGeneratingComponentRendererCodeEmitter;
 }(CodeGeneratingComponentRendererCodeEmitter));
 export { ReactMarkupCodeGeneratingComponentRendererCodeEmitter };
+/**
+ * @hidden
+ */
+var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (function (_super) {
+    __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);
+        return _this;
+    }
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return true;
+    };
+    Object.defineProperty(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+        if (a.c == null) {
+            return "null";
+        }
+        var b = a.c;
+        var c = "[";
+        for (var d = 0; d < b.length; d++) {
+            if (d > 0) {
+                c += ", ";
+            }
+            c += b[d];
+        }
+        return c + "]";
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
+        return true;
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+        _super.prototype.a3.call(this, a);
+        if (a == "any") {
+            if (this.u) {
+                this.h.l("var " + this.aj + ": any = {};");
+            }
+            else {
+                this.h.l("var " + this.aj + ": any = {};");
+            }
+        }
+        else {
+            if (this.u) {
+                this.h.l("var " + this.aj + " = new " + a + "();");
+            }
+            else {
+                this.h.l("var " + this.aj + " = new " + a + "();");
+            }
+        }
+        if (!this.bi.contains(this.aj)) {
+            this.bi.add_1(this.aj);
+            if (!this.bj.contains(this.ak)) {
+                this.bj.add_1(this.ak);
+                this.a2(this.ak);
+            }
+            this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+            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 + ";");
+                }
+            }
+            else {
+                this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+            }
+        }
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
+        if (stringEndsWith(a, "Component")) {
+            a = a.substr(0, a.length - ("Component").length);
+        }
+        return CodeGeneratingComponentRenderer.d2(a);
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+        _super.prototype.bb.call(this, a);
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d0(b);
+        if (this.q(d, c)) {
+            this.bh(c);
+            if (!this.bi.contains(this.aj)) {
+                this.bi.add_1(this.aj);
+                if (!this.bj.contains(this.ak)) {
+                    this.bj.add_1(this.ak);
+                    this.a2(this.ak);
+                }
+                this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
+                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 + ";");
+                    }
+                }
+                else {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
+                }
+            }
+            var f = CodeGeneratingComponentRenderer.d0(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);
+            }
+            else {
+                this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + e + " = " + g);
+            }
+            return;
+        }
+        if (a > 0) {
+            this.h.l("");
+        }
+        if (this.ak == "any" && stringContains(e, "-")) {
+            this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d0(this.aj) + "['" + e + "']");
+        }
+        else {
+            this.h.j(this.aj + "." + CodeGeneratingComponentRenderer.d0(e));
+        }
+        this.h.j(" = ");
+        this.h.j(this.aw(d, c, true));
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+        var b = a.c;
+        switch (b.a) {
+            case 3: return b.b;
+            case 0: return b.b;
+            case 1: return b.b;
+            case 2: return b.b;
+        }
+        return b.b;
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
+        return "null";
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+        return CodeGeneratingComponentRenderer.d0(a.a.e);
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        return CodeGeneratingComponentRenderer.d0(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);");
+            }
+            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
+        }
+        return this.at();
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a, b, c) {
+        if (b.b == null) {
+            return "\"" + b.c + "\"";
+        }
+        if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
+            b.c = this.ad(b);
+        }
+        switch (b.b.knownType) {
+            case 11:
+                {
+                    var d = b.c;
+                    return "{ x: " + d.x + ", y: " + d.y + "}";
+                }
+            case 14:
+                {
+                    var e = b.c;
+                    return "{ left: " + e.left + ", top: " + e.top + ", width: " + e.width + ", height: " + e.height + "}";
+                }
+            case 12:
+                {
+                    var f = b.c;
+                    return "{ width: " + f.width + ", height: " + f.height + "}";
+                }
+            case 17:
+                if (b.c == null) {
+                    return "null";
+                }
+                if (typeof b.c === 'string') {
+                    return "\"" + b.c.toString() + "\"";
+                }
+                if (typeCast(Boolean_$type, b.c) !== null) {
+                    return b.c ? "true" : "false";
+                }
+                return b.c.toString();
+            case 5:
+            case 6:
+            case 16:
+            case 2: return "\"" + _super.prototype.aw.call(this, a, b, c) + "\"";
+            case 9: throw new NotSupportedException(1, "shouldn't get here");
+        }
+        return _super.prototype.aw.call(this, a, b, c);
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e_5, _a;
+        if (c.b.knownType == 9) {
+            var e = typeCast(IList_$type, c.c);
+            if (e != null) {
+                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 + ");");
+                        }
+                    }
+                }
+                catch (e_5_1) {
+                    e_5 = { error: e_5_1 };
+                }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return))
+                            _a.call(_b);
+                    }
+                    finally {
+                        if (e_5)
+                            throw e_5.error;
+                    }
+                }
+            }
+        }
+        else {
+            if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
+                var h = c.c;
+                h.s(this, false);
+                this.h.l(this.aj + "." + b + " = " + this.ax + ";");
+            }
+        }
+    };
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    return WebCodeBehindCodeGeneratingComponentRendererCodeEmitter;
+}(CodeGeneratingComponentRendererCodeEmitter));
+export { WebCodeBehindCodeGeneratingComponentRendererCodeEmitter };
 /**
  * @hidden
  */
@@ -918,9 +1625,41 @@ var ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     function ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return true;
+    };
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = 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.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter;
-}(CodeGeneratingComponentRendererCodeEmitter));
+}(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter));
 export { ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter };
 /**
  * @hidden
@@ -929,12 +1668,43 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
     __extends(WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.bb = 0;
-        _this.a9 = new HashSet$1(String_$type, 0);
-        _this.ba = new HashSet$1(String_$type, 0);
+        _this.bk = 0;
+        _this.bi = new HashSet$1(String_$type, 0);
+        _this.bj = new HashSet$1(String_$type, 0);
         return _this;
     }
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return false;
+    };
+    Object.defineProperty(WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
+        d = _super.prototype.al.call(this, a, b, c, d);
+        var e = b.p();
+        this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d0(d) + ": " + e + " | null = null;");
+        this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+        this.f.h();
+        this.f.l("if (this._" + CodeGeneratingComponentRenderer.d0(d) + " == null)");
+        this.f.l("{");
+        this.f.h();
+        this.f.k(c);
+        this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+        this.f.f();
+        this.f.l("}");
+        this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+        this.f.f();
+        this.f.l("}");
+        return CodeGeneratingComponentRenderer.d1(d);
+    };
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -948,58 +1718,58 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return c;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return true;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        _super.prototype.au.call(this, a);
-        this.h.k("<" + this.bc(a) + "");
-        if (!this.a9.contains(this.ad)) {
-            this.a9.add_1(this.ad);
-            if (!this.ba.contains(this.ae)) {
-                this.ba.add_1(this.ae);
-                this.at(this.ae);
-            }
-            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
-            if (!this.m) {
-                if (this.q) {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ae, "Component", "")) + "') as " + this.ae + ";");
+    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);
+            }
+            this.f.l("private " + CodeGeneratingComponentRenderer.d0(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 + ";");
                 }
             }
             else {
-                this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.getElementById('" + this.ad + "') as " + this.ae + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.dr(a);
+        return CodeGeneratingComponentRenderer.d2(a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
-        this.h.k(">");
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+        this.h.l(">");
         this.h.h();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         this.h.f();
-        this.h.k("</" + this.bc(a) + ">");
-        _super.prototype.a2.call(this, a);
+        this.h.l("</" + this.bl(a) + ">");
+        _super.prototype.bb.call(this, a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
         return "Igc";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
-        var e_4, _a;
-        _super.prototype.ay.call(this, a, b);
+    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.aq, c);
+                b.addPackageImport("igniteui-webcomponents-" + this.ay, c);
             }
         }
-        catch (e_4_1) {
-            e_4 = { error: e_4_1 };
+        catch (e_7_1) {
+            e_7 = { error: e_7_1 };
         }
         finally {
             try {
@@ -1007,53 +1777,53 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                     _a.call(_b);
             }
             finally {
-                if (e_4)
-                    throw e_4.error;
+                if (e_7)
+                    throw e_7.error;
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.dp(b);
-        if (this.n(c)) {
-            this.a8(c);
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                if (!this.ba.contains(this.ae)) {
-                    this.ba.add_1(this.ae);
-                    this.at(this.ae);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d0(b);
+        if (this.q(d, c)) {
+            this.bh(c);
+            if (!this.bi.contains(this.aj)) {
+                this.bi.add_1(this.aj);
+                if (!this.bj.contains(this.ak)) {
+                    this.bj.add_1(this.ak);
+                    this.a2(this.ak);
                 }
-                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
-                if (!this.m) {
-                    if (this.q) {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ae, "Component", "")) + "') as " + this.ae + ";");
+                this.f.l("private " + CodeGeneratingComponentRenderer.d0(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 + ";");
                     }
                 }
                 else {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.getElementById('" + this.ad + "') as " + this.ae + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d0(this.aj) + " = this." + CodeGeneratingComponentRenderer.d0(this.aj) + " = document.getElementById('" + this.aj + "') as " + this.ak + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.dp(this.ap(c, true));
+            var f = CodeGeneratingComponentRenderer.d0(this.aw(d, c, true));
             var g = f;
             if (g != "null" && !stringStartsWith(g, "this.")) {
                 g = "this." + g;
             }
-            this.e.k(CodeGeneratingComponentRenderer.dp(this.ad) + "." + e + " = " + g);
+            this.e.l(CodeGeneratingComponentRenderer.d0(this.aj) + "." + e + " = " + g);
             return;
         }
         if (a > 0) {
-            this.h.k("");
+            this.h.l("");
         }
-        this.h.j(CodeGeneratingComponentRenderer.dr(e));
+        this.h.j(CodeGeneratingComponentRenderer.d2(e));
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.ap(c, true));
+        this.h.j(this.aw(d, c, true));
         this.h.j("\"");
         if (e == "name") {
-            this.h.k("");
-            this.h.j("id =\"" + this.ap(c, true) + "\"");
+            this.h.l("");
+            this.h.j("id =\"" + this.aw(d, c, true) + "\"");
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1063,27 +1833,27 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return b.b;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
         return "null";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
-        return CodeGeneratingComponentRenderer.dp(a.a.e);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+        return CodeGeneratingComponentRenderer.d0(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
-        return CodeGeneratingComponentRenderer.dp(a.a.e);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        return CodeGeneratingComponentRenderer.d0(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a8(a);
-            if (!this.a9.contains(a.a.e)) {
-                this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
+            this.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);");
             }
-            return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
+            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e);
         }
-        return this.am();
+        return this.at();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
-        var e_5, _a;
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e_8, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1092,12 +1862,12 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
-                catch (e_5_1) {
-                    e_5 = { error: e_5_1 };
+                catch (e_8_1) {
+                    e_8 = { error: e_8_1 };
                 }
                 finally {
                     try {
@@ -1105,8 +1875,8 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
                             _a.call(_b);
                     }
                     finally {
-                        if (e_5)
-                            throw e_5.error;
+                        if (e_8)
+                            throw e_8.error;
                     }
                 }
             }
@@ -1114,7 +1884,7 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.p(this, false);
+                h.s(this, false);
             }
         }
     };
@@ -1130,10 +1900,120 @@ var WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @cla
     function WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = 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.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter;
-}(CodeGeneratingComponentRendererCodeEmitter));
+}(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter));
 export { WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter };
+/**
+ * @hidden
+ */
+var TSCodeGeneratingComponentRendererHandlerEmitter = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(TSCodeGeneratingComponentRendererHandlerEmitter, _super);
+    function TSCodeGeneratingComponentRendererHandlerEmitter(a, b, c) {
+        var _this = _super.call(this, a, b) || this;
+        _this.u = 0;
+        _this.u = c;
+        return _this;
+    }
+    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.r = function (a, b) {
+        _super.prototype.r.call(this, a, b);
+        this.f.l("this." + CodeGeneratingComponentRenderer.d0(a) + "();");
+    };
+    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.s = function (a, b) {
+        _super.prototype.s.call(this, a, b);
+        this.g.l("this." + CodeGeneratingComponentRenderer.d0(a) + "();");
+    };
+    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "v", {
+        get: function () {
+            switch (this.u) {
+                case 1: return "angular";
+                case 2: return "react";
+                case 3: return "webcomponents";
+            }
+            return "";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "w", {
+        get: function () {
+            switch (this.u) {
+                case 1: return "Igx";
+                case 2: return "Igr";
+                case 3: return "Igc";
+            }
+            return "";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.t = function (a, b) {
+        var _this = this;
+        _super.prototype.t.call(this, a, b);
+        var c = new CodeGeneratingRegexHelper("import {([^}]+)}\\s+from\\s+['\"]([^'\"]+)['\"]");
+        c.execute(b, function (d, e, f) {
+            var g = d(1);
+            var h = d(2);
+            h = stringReplace(h, "webcomponents", _this.v);
+            h = stringReplace(h, "react", _this.v);
+            h = stringReplace(h, "angular", _this.v);
+            var i = g.split(',');
+            for (var k = 0; k < i.length; k++) {
+                var j = i[k];
+                var l = j.trim();
+                if (stringStartsWith(l, "Igc")) {
+                    l = _this.w + l.substr(3);
+                }
+                if (stringStartsWith(l, "Igr")) {
+                    l = _this.w + l.substr(3);
+                }
+                if (stringStartsWith(l, "Igx")) {
+                    l = _this.w + l.substr(3);
+                }
+                if (stringStartsWith(l, "Igr") && stringEndsWith(l, "Component")) {
+                    l = l.substr(0, l.length - ("Component").length);
+                }
+                a.addPackageImport(h.trim(), l.trim());
+            }
+            return null;
+        });
+    };
+    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.o = function (a) {
+        return a;
+    };
+    TSCodeGeneratingComponentRendererHandlerEmitter.$t = markType(TSCodeGeneratingComponentRendererHandlerEmitter, 'TSCodeGeneratingComponentRendererHandlerEmitter', CodeGeneratingComponentRendererHandlerEmitter.$);
+    return TSCodeGeneratingComponentRendererHandlerEmitter;
+}(CodeGeneratingComponentRendererHandlerEmitter));
+export { TSCodeGeneratingComponentRendererHandlerEmitter };
 /**
  * @hidden
  */
@@ -1148,7 +2028,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         if (b === void 0) {
             b = false;
         }
-        a = CodeGeneratingComponentRenderer.dq(a);
+        a = CodeGeneratingComponentRenderer.d1(a);
         a = stringReplace(a, "-", "_");
         if (b) {
             a += "Item";
@@ -1157,17 +2037,17 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.dp(a);
+        return CodeGeneratingComponentRenderer.d0(a);
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ao = function (a) {
         a = stringReplace(a, "-", "_");
-        return "_" + CodeGeneratingComponentRenderer.dp(a);
+        return "_" + CodeGeneratingComponentRenderer.d0(a);
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.get_s = function () {
         return ".ts";
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d, e) {
-        var e_6, _a;
+        var e_10, _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 {
@@ -1176,8 +2056,8 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                 this.ab(g, d, e);
             }
         }
-        catch (e_6_1) {
-            e_6 = { error: e_6_1 };
+        catch (e_10_1) {
+            e_10 = { error: e_10_1 };
         }
         finally {
             try {
@@ -1185,8 +2065,8 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                     _a.call(_b);
             }
             finally {
-                if (e_6)
-                    throw e_6.error;
+                if (e_10)
+                    throw e_10.error;
             }
         }
         var h = 0;
@@ -1196,11 +2076,11 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         else {
             e.addPackageImport("./" + this.v(a, false), this.v(a, false));
         }
-        d.k("export class " + this.v(a, false) + " extends Array<" + this.v(a, true) + "> {");
+        d.l("export class " + this.v(a, false) + " extends Array<" + this.v(a, true) + "> {");
         d.h();
-        d.k("public constructor() {");
+        d.l("public constructor() {");
         d.h();
-        d.k("super();");
+        d.l("super();");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.af = function (a, b, c) {
         _super.prototype.af.call(this, a, b, c);
@@ -1227,70 +2107,70 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                 break;
             case 0: break;
         }
-        this.g.k("private " + this.ao(a) + ": " + f + " = " + g + ";");
+        this.g.l("private " + this.ao(a) + ": " + f + " = " + g + ";");
         if (b == 2 || (c != null && c.isAsync)) {
-            this.g.k("private " + this.ao(a) + "Fetching: boolean = false;");
+            this.g.l("private " + this.ao(a) + "Fetching: boolean = false;");
         }
-        this.g.k("public get " + this.u(a) + "(): " + f + " {");
+        this.g.l("public get " + this.u(a) + "(): " + f + " {");
         this.g.h();
         if (c != null && c.isAsync) {
-            this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
-            this.g.k("{");
+            this.g.l("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
+            this.g.l("{");
             this.g.h();
-            this.g.k("this." + this.ao(a) + "Fetching = true;");
-            this.g.k("( async () => { this." + this.ao(a) + " = await (await " + this.v(a, false) + ".fetch()); " + e + " })();");
+            this.g.l("this." + this.ao(a) + "Fetching = true;");
+            this.g.l("( async () => { this." + this.ao(a) + " = await (await " + this.v(a, false) + ".fetch()); " + e + " })();");
             this.g.f();
-            this.g.k("}");
+            this.g.l("}");
         }
         else {
             if (b == 2) {
-                this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
-                this.g.k("{");
+                this.g.l("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
+                this.g.l("{");
                 this.g.h();
-                this.g.k(this.ao(a) + "Fetching = true;");
-                this.g.k("( async () => { this." + this.ao(a) + " = await (await fetch('" + d + "')).json(); " + e + " })();");
+                this.g.l(this.ao(a) + "Fetching = true;");
+                this.g.l("( async () => { this." + this.ao(a) + " = await (await fetch('" + d + "')).json(); " + e + " })();");
                 this.g.f();
-                this.g.k("}");
+                this.g.l("}");
             }
             if (b == 0) {
-                this.g.k("if (this." + this.ao(a) + " == null)");
-                this.g.k("{");
+                this.g.l("if (this." + this.ao(a) + " == null)");
+                this.g.l("{");
                 this.g.h();
-                this.g.k("this." + this.ao(a) + " = new " + this.v(a, false) + "();");
+                this.g.l("this." + this.ao(a) + " = new " + this.v(a, false) + "();");
                 this.g.f();
-                this.g.k("}");
+                this.g.l("}");
             }
         }
-        this.g.k("return this." + this.ao(a) + ";");
+        this.g.l("return this." + this.ao(a) + ";");
         this.g.f();
-        this.g.k("}");
-        this.g.k("");
+        this.g.l("}");
+        this.g.l("");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b) {
         _super.prototype.ag.call(this, a, b);
-        this.g.k("private " + this.ao(a) + ": " + this.al(b.e) + " = " + this.am(b) + ";");
-        this.g.k("public get " + this.u(a) + "(): " + this.al(b.e) + " {");
+        this.g.l("private " + this.ao(a) + ": " + this.al(b.e) + " = " + this.am(b) + ";");
+        this.g.l("public get " + this.u(a) + "(): " + this.al(b.e) + " {");
         this.g.h();
-        this.g.k("return this." + this.ao(a) + ";");
+        this.g.l("return this." + this.ao(a) + ";");
         this.g.f();
-        this.g.k("}");
-        this.g.k("");
+        this.g.l("}");
+        this.g.l("");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ah = function (a, b, c, d) {
         _super.prototype.ah.call(this, a, b, c, d);
-        this.g.k("private " + this.ao(a) + ": " + this.v(a, false) + "Item = null;");
-        this.g.k("public get " + this.u(a) + "(): " + this.v(a, false) + "Item {");
+        this.g.l("private " + this.ao(a) + ": " + this.v(a, false) + "Item = null;");
+        this.g.l("public get " + this.u(a) + "(): " + this.v(a, false) + "Item {");
         this.g.h();
-        this.g.k("if (this." + this.ao(a) + " == null)");
-        this.g.k("{");
+        this.g.l("if (this." + this.ao(a) + " == null)");
+        this.g.l("{");
         this.g.h();
-        this.g.k("this." + this.ao(a) + " = ");
+        this.g.l("this." + this.ao(a) + " = ");
         this.ap(this.v(a, true), b, c, d, this.g);
-        this.g.k("}");
-        this.g.k("return this." + this.ao(a) + ";");
+        this.g.l("}");
+        this.g.l("return this." + this.ao(a) + ";");
         this.g.f();
-        this.g.k("}");
-        this.g.k("");
+        this.g.l("}");
+        this.g.l("");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.x = function (a, b) {
         b.addPackageImport("./" + a, a);
@@ -1309,22 +2189,22 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         else {
             c.addPackageImport("./" + a.c, a.d);
         }
-        b.k("export class " + a.d + " {");
+        b.l("export class " + a.d + " {");
         b.h();
-        b.k("public constructor(init: Partial<" + a.d + ">) {");
+        b.l("public constructor(init: Partial<" + a.d + ">) {");
         b.h();
-        b.k("Object.assign(this, init);");
+        b.l("Object.assign(this, init);");
         b.f();
-        b.k("}");
-        b.k("");
+        b.l("}");
+        b.l("");
         for (var e = 0; e < a.a.length; e++) {
             var f = a.a[e];
             var g = a.b[e];
-            b.k("public " + this.u(f) + ": " + this.an(a, f, g) + ";");
+            b.l("public " + this.u(f) + ": " + this.an(a, f, g) + ";");
         }
         b.f();
-        b.k("");
-        b.k("}");
+        b.l("");
+        b.l("}");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.al = function (a) {
         switch (a) {
@@ -1355,15 +2235,15 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ai = function (a, b, c, d) {
         _super.prototype.ai.call(this, a, b, c, d);
         d.f();
-        d.k("}");
+        d.l("}");
         d.f();
-        d.k("}");
+        d.l("}");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.w = function (a, b, c, d, e, f) {
         _super.prototype.w.call(this, a, b, c, d, e, f);
         f.j("this.push(");
         this.ap(this.v(a, true), b, c, d, f);
-        f.k(");");
+        f.l(");");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ap = function (a, b, c, d, e) {
         if (d == null) {
@@ -1372,29 +2252,29 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         }
         if (typeCast(JsonDictionaryArray.$, d) !== null) {
             var f = d;
-            e.k("[");
+            e.l("[");
             e.h();
             if (f.items != null && f.items.length > 0) {
                 for (var g = 0; g < f.items.length; g++) {
                     if (g > 0) {
-                        e.k(",");
+                        e.l(",");
                     }
                     this.ap(a, b, c, f.items[g], e);
                 }
             }
             e.f();
-            e.k("]");
+            e.l("]");
         }
         else if (typeCast(JsonDictionaryObject.$, d) !== null) {
             var h = d;
-            e.k("new " + a + "(");
-            e.k("{");
+            e.l("new " + a + "(");
+            e.l("{");
             e.h();
             for (var i = 0; i < b.length; i++) {
                 var j = b[i];
                 var k = c[i];
                 if (i > 0) {
-                    e.k(",");
+                    e.l(",");
                 }
                 e.j(this.u(j) + ": ");
                 if (k.d) {
@@ -1410,7 +2290,7 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
                     e.j(this.t(k, n));
                 }
             }
-            e.k("");
+            e.l("");
             e.f();
             e.j("})");
         }
@@ -1447,12 +2327,43 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     __extends(AngularTemplateCodeGeneratingComponentRendererCodeEmitter, _super);
     function AngularTemplateCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.bb = 0;
-        _this.a9 = new HashSet$1(String_$type, 0);
-        _this.ba = new HashSet$1(String_$type, 0);
+        _this.bk = 0;
+        _this.bi = new HashSet$1(String_$type, 0);
+        _this.bj = new HashSet$1(String_$type, 0);
         return _this;
     }
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return false;
+    };
+    Object.defineProperty(AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c, d) {
+        d = _super.prototype.al.call(this, a, b, c, d);
+        var e = b.p();
+        this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d0(d) + ": " + e + " | null = null;");
+        this.f.l("public get " + CodeGeneratingComponentRenderer.d0(d) + "(): " + e + " {");
+        this.f.h();
+        this.f.l("if (this._" + CodeGeneratingComponentRenderer.d0(d) + " == null)");
+        this.f.l("{");
+        this.f.h();
+        this.f.k(c);
+        this.f.l("this._" + CodeGeneratingComponentRenderer.d0(d) + " = " + d + ";");
+        this.f.f();
+        this.f.l("}");
+        this.f.l("return this._" + CodeGeneratingComponentRenderer.d0(d) + ";");
+        this.f.f();
+        this.f.l("}");
+        return CodeGeneratingComponentRenderer.d1(d);
+    };
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -1466,36 +2377,36 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return c;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
         return true;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
         return "Igx";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        _super.prototype.au.call(this, a);
-        this.h.k("<" + this.bc(a) + "");
-        if (!this.a9.contains(this.ad)) {
-            this.a9.add_1(this.ad);
-            if (!this.ba.contains(this.ae)) {
-                this.ba.add_1(this.ae);
-                this.at(this.ae);
+    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);
             }
-            this.f.k("@ViewChild(\"" + CodeGeneratingComponentRenderer.dp(this.ad) + "\", { static: true } )");
-            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
+            this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.d0(this.aj) + "\", { static: true } )");
+            this.f.l("private " + CodeGeneratingComponentRenderer.d0(this.aj) + ": " + this.ak);
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
-        var e_7, _a;
-        _super.prototype.ay.call(this, a, b);
+    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.aq, c);
+                b.addPackageImport("igniteui-angular-" + this.ay, c);
             }
         }
-        catch (e_7_1) {
-            e_7 = { error: e_7_1 };
+        catch (e_11_1) {
+            e_11 = { error: e_11_1 };
         }
         finally {
             try {
@@ -1503,31 +2414,31 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                     _a.call(_b);
             }
             finally {
-                if (e_7)
-                    throw e_7.error;
+                if (e_11)
+                    throw e_11.error;
             }
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
-        return CodeGeneratingComponentRenderer.dr(a);
+        return CodeGeneratingComponentRenderer.d2(a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
-        this.h.k(">");
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+        this.h.l(">");
         this.h.h();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         this.h.f();
-        this.h.k("</" + this.bc(a) + ">");
-        _super.prototype.a2.call(this, a);
-    };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
-        var e = CodeGeneratingComponentRenderer.dp(b);
-        if (this.n(c)) {
-            this.a8(c);
-            if (this.p(c)) {
+        this.h.l("</" + this.bl(a) + ">");
+        _super.prototype.bb.call(this, a);
+    };
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a, b, c, d) {
+        var e = CodeGeneratingComponentRenderer.d0(b);
+        if (this.q(d, c)) {
+            this.bh(c);
+            if (this.t(c)) {
                 e = "(" + e + ")";
             }
             else {
@@ -1535,26 +2446,26 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
             }
         }
         if (a > 0) {
-            this.h.k("");
+            this.h.l("");
         }
         this.h.j(e);
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.ap(c, true));
+        this.h.j(this.aw(d, c, true));
         this.h.j("\"");
         if (e == "name") {
-            this.h.k("");
-            this.h.j("#" + CodeGeneratingComponentRenderer.dp(this.ap(c, true)));
+            this.h.l("");
+            this.h.j("#" + CodeGeneratingComponentRenderer.d0(this.aw(d, c, true)));
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a8(a);
-            return "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + "($event)";
+            this.bh(a);
+            return "this." + CodeGeneratingComponentRenderer.d0(a.a.e) + "($event)";
         }
-        return this.am();
+        return this.at();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1564,17 +2475,17 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return b.b;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
         return "null";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
-        return CodeGeneratingComponentRenderer.dp(a.a.e);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
+        return CodeGeneratingComponentRenderer.d0(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
-        return CodeGeneratingComponentRenderer.dp(a.a.e);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        return CodeGeneratingComponentRenderer.d0(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
-        var e_8, _a;
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e_12, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1583,12 +2494,12 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
-                catch (e_8_1) {
-                    e_8 = { error: e_8_1 };
+                catch (e_12_1) {
+                    e_12 = { error: e_12_1 };
                 }
                 finally {
                     try {
@@ -1596,8 +2507,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                             _a.call(_b);
                     }
                     finally {
-                        if (e_8)
-                            throw e_8.error;
+                        if (e_12)
+                            throw e_12.error;
                     }
                 }
             }
@@ -1605,7 +2516,7 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.p(this, false);
+                h.s(this, false);
             }
         }
     };
@@ -1621,9 +2532,41 @@ var AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */
     function AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return true;
+    };
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = 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.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter;
-}(CodeGeneratingComponentRendererCodeEmitter));
+}(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter));
 export { AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter };
 /**
  * @hidden
@@ -1637,15 +2580,15 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
     }
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.z = function (a, b) {
         _super.prototype.z.call(this, a, b);
-        this.f.k("<Compile Include=\"" + a + ".cs\">");
+        this.f.l("<Compile Include=\"" + a + ".cs\">");
         this.f.h();
-        this.f.k("<SubType>Code</SubType>");
+        this.f.l("<SubType>Code</SubType>");
         this.f.f();
-        this.f.k("</Compile>");
+        this.f.l("</Compile>");
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ad = function (a) {
-        a.k("using System;");
-        a.k("using System.Collections.Generic;");
+        a.l("using System;");
+        a.l("using System.Collections.Generic;");
         if (!this.ak) {
             this.ak = true;
         }
@@ -1658,7 +2601,7 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
         if (b === void 0) {
             b = false;
         }
-        a = CodeGeneratingComponentRenderer.dq(a);
+        a = CodeGeneratingComponentRenderer.d1(a);
         a = stringReplace(a, "-", "_");
         if (b) {
             a += "Item";
@@ -1667,14 +2610,14 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.u = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.dq(a);
+        return CodeGeneratingComponentRenderer.d1(a);
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ao = function (a) {
         a = stringReplace(a, "-", "_");
-        return "_" + CodeGeneratingComponentRenderer.dp(a);
+        return "_" + CodeGeneratingComponentRenderer.d0(a);
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d, e) {
-        var e_9, _a;
+        var e_14, _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 {
@@ -1683,8 +2626,8 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                 this.ab(g, d, e);
             }
         }
-        catch (e_9_1) {
-            e_9 = { error: e_9_1 };
+        catch (e_14_1) {
+            e_14 = { error: e_14_1 };
         }
         finally {
             try {
@@ -1692,18 +2635,19 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                     _a.call(_b);
             }
             finally {
-                if (e_9)
-                    throw e_9.error;
+                if (e_14)
+                    throw e_14.error;
             }
         }
-        d.k("public class " + this.v(a, false));
+        d.l("");
+        d.l("public class " + this.v(a, false));
         d.h();
-        d.k(": List<" + this.v(a, true) + ">");
+        d.l(": List<" + this.v(a, true) + ">");
         d.f();
-        d.k("{");
+        d.l("{");
         d.h();
-        d.k("public " + this.v(a, false) + "()");
-        d.k("{");
+        d.l("public " + this.v(a, false) + "()");
+        d.l("{");
         d.h();
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.af = function (a, b, c) {
@@ -1719,79 +2663,79 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
         if (c != null && c.isAsync) {
             d = this.v(a, false) + ".Fetch().ContinueWith((t) => {" + this.ao(a) + " = t.Result; " + e + " });";
         }
-        this.g.k("private " + this.v(a, false) + " " + this.ao(a) + " = null;");
-        this.g.k("public " + this.v(a, false) + " " + this.u(a));
-        this.g.k("{");
+        this.g.l("private " + this.v(a, false) + " " + this.ao(a) + " = null;");
+        this.g.l("public " + this.v(a, false) + " " + this.u(a));
+        this.g.l("{");
         this.g.h();
-        this.g.k("get");
-        this.g.k("{");
+        this.g.l("get");
+        this.g.l("{");
         this.g.h();
-        this.g.k("if (" + this.ao(a) + " == null)");
-        this.g.k("{");
+        this.g.l("if (" + this.ao(a) + " == null)");
+        this.g.l("{");
         this.g.h();
-        this.g.k(d);
+        this.g.l(d);
         this.g.f();
-        this.g.k("}");
-        this.g.k("return " + this.ao(a) + ";");
+        this.g.l("}");
+        this.g.l("return " + this.ao(a) + ";");
         this.g.f();
-        this.g.k("}");
+        this.g.l("}");
         this.g.f();
-        this.g.k("}");
-        this.g.k("");
+        this.g.l("}");
+        this.g.l("");
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b) {
         _super.prototype.ag.call(this, a, b);
-        this.g.k("private " + this.al(b.e) + " " + this.ao(a) + " = " + this.am(b) + ";");
-        this.g.k("public " + this.al(b.e) + " " + this.u(a));
-        this.g.k("{");
+        this.g.l("private " + this.al(b.e) + " " + this.ao(a) + " = " + this.am(b) + ";");
+        this.g.l("public " + this.al(b.e) + " " + this.u(a));
+        this.g.l("{");
         this.g.h();
-        this.g.k("get");
-        this.g.k("{");
+        this.g.l("get");
+        this.g.l("{");
         this.g.h();
-        this.g.k("return " + this.ao(a) + ";");
+        this.g.l("return " + this.ao(a) + ";");
         this.g.f();
-        this.g.k("}");
+        this.g.l("}");
         this.g.f();
-        this.g.k("}");
-        this.g.k("");
+        this.g.l("}");
+        this.g.l("");
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ah = function (a, b, c, d) {
         _super.prototype.ah.call(this, a, b, c, d);
-        this.g.k("private " + this.v(a, false) + "Item " + this.ao(a) + " = null;");
-        this.g.k("public " + this.v(a, false) + "Item " + this.u(a));
-        this.g.k("{");
+        this.g.l("private " + this.v(a, false) + "Item " + this.ao(a) + " = null;");
+        this.g.l("public " + this.v(a, false) + "Item " + this.u(a));
+        this.g.l("{");
         this.g.h();
-        this.g.k("get");
-        this.g.k("{");
+        this.g.l("get");
+        this.g.l("{");
         this.g.h();
-        this.g.k("if (" + this.ao(a) + " == null)");
-        this.g.k("{");
+        this.g.l("if (" + this.ao(a) + " == null)");
+        this.g.l("{");
         this.g.h();
-        this.g.k("_" + a + " = ");
+        this.g.l("_" + a + " = ");
         this.ap(this.v(a, true), b, c, d, this.g);
         this.g.f();
-        this.g.k("}");
-        this.g.k("return " + this.ao(a) + ";");
+        this.g.l("}");
+        this.g.l("return " + this.ao(a) + ";");
         this.g.f();
-        this.g.k("}");
+        this.g.l("}");
         this.g.f();
-        this.g.k("}");
-        this.g.k("");
+        this.g.l("}");
+        this.g.l("");
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.get_s = function () {
         return ".cs";
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ab = function (a, b, c) {
-        b.k("public class " + a.d);
-        b.k("{");
+        b.l("public class " + a.d);
+        b.l("{");
         b.h();
         for (var d = 0; d < a.a.length; d++) {
             var e = a.a[d];
             var f = a.b[d];
-            b.k("public " + this.an(a, e, f) + " " + this.u(e) + "{ get; set; }");
+            b.l("public " + this.an(a, e, f) + " " + this.u(e) + " { get; set; }");
         }
         b.f();
-        b.k("}");
+        b.l("}");
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.al = function (a) {
         switch (a) {
@@ -1822,15 +2766,15 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ai = function (a, b, c, d) {
         _super.prototype.ai.call(this, a, b, c, d);
         d.f();
-        d.k("}");
+        d.l("}");
         d.f();
-        d.k("}");
+        d.l("}");
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.w = function (a, b, c, d, e, f) {
         _super.prototype.w.call(this, a, b, c, d, e, f);
         f.j("this.Add(");
         this.ap(this.v(a, true), b, c, d, f);
-        f.k(");");
+        f.l(");");
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.ap = function (a, b, c, d, e) {
         if (d == null) {
@@ -1839,30 +2783,33 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
         }
         if (typeCast(JsonDictionaryArray.$, d) !== null) {
             var f = d;
-            e.k("new List<" + a + ">()");
-            e.k("{");
+            e.l("new List<" + a + ">()");
+            e.l("{");
             e.h();
             if (f.items != null && f.items.length > 0) {
                 for (var g = 0; g < f.items.length; g++) {
                     if (g > 0) {
-                        e.k(",");
+                        e.l(",");
                     }
                     this.ap(a, b, c, f.items[g], e);
                 }
             }
             e.f();
-            e.k("}");
+            e.l("}");
         }
         else if (typeCast(JsonDictionaryObject.$, d) !== null) {
             var h = d;
-            e.k("new " + a + "()");
-            e.k("{");
+            e.l("new " + a + "()");
+            e.l("{");
             e.h();
             for (var i = 0; i < b.length; i++) {
                 var j = b[i];
                 var k = c[i];
+                if (!h.g(j)) {
+                    continue;
+                }
                 if (i > 0) {
-                    e.k(",");
+                    e.l(",");
                 }
                 e.j(j + " = ");
                 if (k.d) {
@@ -1878,7 +2825,7 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                     e.j(this.t(k, n));
                 }
             }
-            e.k("");
+            e.l("");
             e.f();
             e.j("}");
         }
@@ -1922,10 +2869,23 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     function WPFXamlCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return false;
+    };
+    Object.defineProperty(WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -1939,43 +2899,43 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return c;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
-        _super.prototype.au.call(this, a);
-        this.h.k("<ig:" + a + "");
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function (a) {
+        _super.prototype.a3.call(this, a);
+        this.h.l("<ig:" + a + "");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
-        this.h.k(">");
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function () {
+        this.h.l(">");
         this.h.h();
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         this.h.f();
-        this.h.k("</ig:" + a + ">");
-        _super.prototype.a2.call(this, a);
+        this.h.l("</ig:" + a + ">");
+        _super.prototype.bb.call(this, a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = 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) {
-                    this.h.k("");
+                    this.h.l("");
                 }
                 this.h.j(b);
                 this.h.j("=");
                 this.h.j("\"");
-                this.h.j("{}" + this.ap(c, true));
+                this.h.j("{}" + this.aw(d, c, true));
                 this.h.j("\"");
                 return;
             }
         }
         if (a > 0) {
-            this.h.k("");
+            this.h.l("");
         }
         this.h.j(b);
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.ap(c, true));
+        this.h.j(this.aw(d, c, true));
         this.h.j("\"");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1985,29 +2945,29 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return b.b;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.at = function () {
         return "{x:Null}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
         return "{Binding ElementName=" + a.a.e + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function (a) {
         a = stringReplace(a, "-", "_");
-        return CodeGeneratingComponentRenderer.dq(a);
+        return CodeGeneratingComponentRenderer.d1(a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
-        this.a8(a);
-        return "{Binding " + this.a9(a.a.e) + "}";
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        this.bh(a);
+        return "{Binding " + this.bi(a.a.e) + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
-        var e_10, _a;
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c, d) {
+        var e_15, _a;
         this.h.j("<ig:");
         {
-            this.h.j(this.ae);
+            this.h.j(this.ak);
             this.h.j(".");
         }
         this.h.j(b);
-        this.h.k(">");
+        this.h.l(">");
         this.h.h();
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -2017,12 +2977,12 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                         var f = _c.value;
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
-                            g.p(this, false);
+                            g.s(this, false);
                         }
                     }
                 }
-                catch (e_10_1) {
-                    e_10 = { error: e_10_1 };
+                catch (e_15_1) {
+                    e_15 = { error: e_15_1 };
                 }
                 finally {
                     try {
@@ -2030,8 +2990,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                             _a.call(_b);
                     }
                     finally {
-                        if (e_10)
-                            throw e_10.error;
+                        if (e_15)
+                            throw e_15.error;
                     }
                 }
             }
@@ -2039,19 +2999,19 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         else {
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
-                h.p(this, false);
+                h.s(this, false);
             }
         }
         this.h.f();
         this.h.j("</ig:");
         {
-            this.h.j(this.ae);
+            this.h.j(this.ak);
             this.h.j(".");
         }
         this.h.j(b);
-        this.h.k(">");
+        this.h.l(">");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_az = function () {
         return "Xam";
     };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFXamlCodeGeneratingComponentRendererCodeEmitter, 'WPFXamlCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -2066,7 +3026,20 @@ var WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
     function WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
+    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+        return true;
+    };
+    Object.defineProperty(WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+        get: function () {
+            return this.get_r();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
+        return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
+    };
+    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
     WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -2080,17 +3053,19 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
     __extends(CodeGeneratingComponentRenderer, _super);
     function CodeGeneratingComponentRenderer(a, b) {
         var _this = _super.call(this) || this;
-        _this.di = null;
-        _this.dj = 0;
-        _this.dk = null;
-        _this.dl = null;
-        _this.dm = null;
-        _this.di = b;
-        _this.dj = a;
-        ComponentRenderer.platform = CodeGeneratingComponentRenderer.dn(a);
-        _this.f = new CodeGenerationRendererAdapter(a, _this.f);
-        _this.context = new TypeDescriptionContext(_this.f, ComponentRenderer.platform);
-        _this.h = new CodeGenerationTransformer(a);
+        _this.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.adapter = new CodeGenerationRendererAdapter(a, _this.adapter);
+        _this.context = new TypeDescriptionContext(_this.adapter, ComponentRenderer.platform);
+        _this.i = new CodeGenerationTransformer(a);
         return _this;
     }
     CodeGeneratingComponentRenderer.prototype.loadCodeJson = function (a) {
@@ -2102,7 +3077,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
             })());
         });
     };
-    CodeGeneratingComponentRenderer.dp = function (a) {
+    CodeGeneratingComponentRenderer.d0 = function (a) {
         if (a == null) {
             return null;
         }
@@ -2111,7 +3086,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return a.substr(0, 1).toLowerCase() + a.substr(1);
     };
-    CodeGeneratingComponentRenderer.dq = function (a) {
+    CodeGeneratingComponentRenderer.d1 = function (a) {
         if (a == null) {
             return null;
         }
@@ -2120,7 +3095,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return a.substr(0, 1).toUpperCase() + a.substr(1);
     };
-    CodeGeneratingComponentRenderer.dr = function (a) {
+    CodeGeneratingComponentRenderer.d2 = function (a) {
         if (a == null) {
             return null;
         }
@@ -2155,26 +3130,36 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return j.toString();
     };
-    CodeGeneratingComponentRenderer.prototype.ak = function () {
+    CodeGeneratingComponentRenderer.prototype.ao = function () {
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.z = function (a) {
-        _super.prototype.z.call(this, a);
-        this.dk = a;
+    CodeGeneratingComponentRenderer.prototype.ab = function (a) {
+        _super.prototype.ab.call(this, a);
+        this.dw = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.ae = function (a) {
-        _super.prototype.ae.call(this, a);
-        this.dm = a;
+    CodeGeneratingComponentRenderer.prototype.ai = function (a) {
+        _super.prototype.ai.call(this, a);
+        this.dy = a;
+        return true;
+    };
+    CodeGeneratingComponentRenderer.prototype.ac = function (a) {
+        _super.prototype.ac.call(this, a);
+        this.du = a;
+        return true;
+    };
+    CodeGeneratingComponentRenderer.prototype.ad = function (a) {
+        _super.prototype.ad.call(this, a);
+        this.dv = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.aa = function (a) {
-        _super.prototype.aa.call(this, a);
-        this.dl = a;
+    CodeGeneratingComponentRenderer.prototype.ae = function (a) {
+        _super.prototype.ae.call(this, a);
+        this.dx = a;
         return true;
     };
-    CodeGeneratingComponentRenderer.prototype.dd = function (a, b, c) {
-        switch (this.dj) {
+    CodeGeneratingComponentRenderer.prototype.dl = function (a, b, c) {
+        switch (this.dt) {
             case 1: if (b.forceCodeBehind) {
                 return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(b, c);
             }
@@ -2209,8 +3194,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return null;
     };
-    CodeGeneratingComponentRenderer.prototype.de = function (a, b) {
-        switch (this.dj) {
+    CodeGeneratingComponentRenderer.prototype.dm = function (a, b) {
+        switch (this.dt) {
             case 1: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
             case 2: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
             case 3: return new TSCodeGeneratingComponentRendererDataEmitter(a, b);
@@ -2220,40 +3205,51 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         }
         return null;
     };
-    CodeGeneratingComponentRenderer.prototype.df = function (a, b) {
-        switch (this.dj) {
-            case 1: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
-            case 2: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
-            case 3: return new TSCodeGeneratingComponentRendererHandlerEmitter(a, b, this.dj);
+    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);
             case 4: break;
             case 0:
             case 5: return new DotNetCodeGeneratingComponentRendererHandlerEmitter(a, b);
         }
         return null;
     };
-    CodeGeneratingComponentRenderer.prototype.dg = function (a, b) {
-        switch (this.dj) {
-            case 1: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
-            case 2: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
-            case 3: return new TSCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
+    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);
+            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);
             case 4: break;
-            case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
-            case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.dj, a, b);
+            case 0: return new DotNetCodeGeneratingComponentRendererModuleEmitter(this.dt, a, b);
+            case 5: return new BlazorCodeGeneratingComponentRendererModuleEmitter(this.dt, a, b);
         }
         return null;
     };
     CodeGeneratingComponentRenderer.prototype.emitCode = function (a) {
-        var e_11, _a, e_12, _b, e_13, _c;
+        var e_16, _a, e_17, _b, e_18, _c;
         var b = new CodeGeneratingRendererResult();
-        b.platform = this.dj;
-        b.generationOptions = this.di;
+        b.platform = this.dt;
+        b.generationOptions = this.ds;
         try {
-            for (var _d = __values(fromEnum(this.az.keys)), _e = _d.next(); !_e.done; _e = _d.next()) {
+            for (var _d = __values(fromEnum(this.a4.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_12 = void 0, __values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
+                    for (var _f = (e_17 = 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"));
@@ -2263,8 +3259,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                         }
                     }
                 }
-                catch (e_12_1) {
-                    e_12 = { error: e_12_1 };
+                catch (e_17_1) {
+                    e_17 = { error: e_17_1 };
                 }
                 finally {
                     try {
@@ -2272,14 +3268,14 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                             _b.call(_f);
                     }
                     finally {
-                        if (e_12)
-                            throw e_12.error;
+                        if (e_17)
+                            throw e_17.error;
                     }
                 }
             }
         }
-        catch (e_11_1) {
-            e_11 = { error: e_11_1 };
+        catch (e_16_1) {
+            e_16 = { error: e_16_1 };
         }
         finally {
             try {
@@ -2287,19 +3283,19 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _a.call(_d);
             }
             finally {
-                if (e_11)
-                    throw e_11.error;
+                if (e_16)
+                    throw e_16.error;
             }
         }
         try {
-            for (var _h = __values(fromEnum(this.az.keys)), _j = _h.next(); !_j.done; _j = _h.next()) {
+            for (var _h = __values(fromEnum(this.a4.keys)), _j = _h.next(); !_j.done; _j = _h.next()) {
                 var g = _j.value;
                 var h = g;
-                h.c(b, this, this.di);
+                h.c(b, this, this.ds);
             }
         }
-        catch (e_13_1) {
-            e_13 = { error: e_13_1 };
+        catch (e_18_1) {
+            e_18 = { error: e_18_1 };
         }
         finally {
             try {
@@ -2307,17 +3303,17 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _c.call(_h);
             }
             finally {
-                if (e_13)
-                    throw e_13.error;
+                if (e_18)
+                    throw e_18.error;
             }
         }
-        if (this.dk != null) {
-            var i = this.dg(this.di, b);
-            i.m(this.dk);
+        if (this.dw != null) {
+            var i = this.dp(this.ds, b);
+            i.n(this.dw, this.context);
         }
-        if (this.dm != null) {
-            if (typeCast(JsonDictionaryObject.$, this.dm) !== null) {
-                var j = this.dm;
+        if (this.dy != null) {
+            if (typeCast(JsonDictionaryObject.$, this.dy) !== null) {
+                var j = this.dy;
                 var m = j.e();
                 for (var l = 0; l < m.length; l++) {
                     var k = m[l];
@@ -2326,47 +3322,83 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
             }
         }
         {
-            var n = this.de(this.di, b);
-            n.aa(this.dl);
+            var n = this.dm(this.ds, b);
+            n.aa(this.dx);
+        }
+        var o = this.dn(this.ds, 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 (r.items != null) {
+                    var u = r.items;
+                    for (var t = 0; t < u.length; t++) {
+                        var s = u[t];
+                        p.add(s.value.toString());
+                    }
+                }
+            }
+            else if (typeCast(JsonDictionaryValue.$, this.du) !== null) {
+                var v = this.du;
+                p.add(v.value.toString());
+            }
+        }
+        if (this.dv != null) {
+            if (typeCast(JsonDictionaryArray.$, this.dv) !== null) {
+                var w = this.dv;
+                if (w.items != null) {
+                    var z = w.items;
+                    for (var y = 0; y < z.length; y++) {
+                        var x = z[y];
+                        p.add(x.value.toString());
+                    }
+                }
+            }
+            else if (typeCast(JsonDictionaryValue.$, this.dv) !== null) {
+                var aa = this.dv;
+                p.add(aa.value.toString());
+            }
         }
-        var o = this.df(this.di, b);
-        o.j();
-        this.dv(b, a);
+        o.q(p.toArray(), q.toArray());
+        var ab = this.dq(this.ds, b);
+        ab.p();
+        this.d6(b, a);
         return b;
     };
-    CodeGeneratingComponentRenderer.prototype.dv = function (a, b) {
+    CodeGeneratingComponentRenderer.prototype.d6 = function (a, b) {
         b.execute(a);
     };
-    CodeGeneratingComponentRenderer.prototype.a4 = function () {
-        return runOn(this, this.dt);
+    CodeGeneratingComponentRenderer.prototype.a9 = function () {
+        return runOn(this, this.d4);
     };
-    CodeGeneratingComponentRenderer.prototype.ds = function (a) {
+    CodeGeneratingComponentRenderer.prototype.d3 = function (a) {
         a = stringReplace(a, "-", "_");
-        switch (this.dj) {
+        switch (this.dt) {
             case 1:
             case 2:
-            case 3: return CodeGeneratingComponentRenderer.dp(a);
+            case 3: return CodeGeneratingComponentRenderer.d0(a);
             case 4:
             case 0:
-            case 5: return CodeGeneratingComponentRenderer.dq(a);
+            case 5: return CodeGeneratingComponentRenderer.d1(a);
         }
         return a;
     };
-    CodeGeneratingComponentRenderer.prototype.dt = function (a) {
+    CodeGeneratingComponentRenderer.prototype.d4 = function (a) {
         var b = a;
         if (stringStartsWith(a, "{")) {
             if (!stringStartsWith(a, "{[")) {
                 a = a.substr(1, a.length - 2);
-                a = "{" + this.ds(a) + "}";
+                a = "{" + this.d3(a) + "}";
                 b = a;
             }
         }
         else {
-            b = this.ds(a);
+            b = this.d3(a);
         }
         return b;
     };
-    CodeGeneratingComponentRenderer.dn = function (a) {
+    CodeGeneratingComponentRenderer.dz = function (a) {
         switch (a) {
             case 1: return 3;
             case 2: return 2;
@@ -2404,7 +3436,7 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     CodeGenerationContainer.prototype.c = function (a, b, c) {
-        var e_14, _a;
+        var e_19, _a;
         var d = new StringBuilder(0);
         var e = new StringBuilder(0);
         var f = new StringBuilder(0);
@@ -2412,18 +3444,18 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
         try {
             for (var _b = __values(fromEnum(this.a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var h = _c.value;
-                var i = b.dd(h, c, a);
-                h.p(i, true);
+                var i = b.dl(h, c, a);
+                h.s(i, true);
                 var j = i.toString();
                 a.addContainerResult(this.id, j);
-                i.aw(d);
-                i.az(e);
-                i.av(f);
-                i.ax(g);
+                i.a5(d);
+                i.a8(e);
+                i.a4(f);
+                i.a6(g);
             }
         }
-        catch (e_14_1) {
-            e_14 = { error: e_14_1 };
+        catch (e_19_1) {
+            e_19 = { error: e_19_1 };
         }
         finally {
             try {
@@ -2431,8 +3463,8 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_14)
-                    throw e_14.error;
+                if (e_19)
+                    throw e_19.error;
             }
         }
         a.addContainerResult("bindingFields", d.toString());
@@ -2457,20 +3489,35 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.b = 0;
         _this.j = null;
         _this.h = null;
+        _this.r = null;
         _this.b = a;
         _this.j = b;
         _this.c = c;
         _this.h = d;
         return _this;
     }
+    CodeGenerationItemBuilder.prototype.n = function () {
+        var a = this;
+        var b = null;
+        if (a.i("Name") != null) {
+            b = a.i("Name");
+        }
+        if (a.i("name") != null) {
+            b = a.i("name");
+        }
+        if (b != null) {
+            return b;
+        }
+        return null;
+    };
     CodeGenerationItemBuilder.prototype.a = function (a) {
         var b = this.c.getMetadata(this.j, a);
-        return new CodeGenerationItemBuilder(this.b, this.o(b), this.c, this.h);
+        return new CodeGenerationItemBuilder(this.b, this.q(b), this.c, this.h);
     };
-    CodeGenerationItemBuilder.prototype.o = function (a) {
+    CodeGenerationItemBuilder.prototype.q = function (a) {
         return a.specificExternalType != null ? a.specificExternalType : a.specificType;
     };
-    CodeGenerationItemBuilder.prototype.s = function (a, b, c, d) {
+    CodeGenerationItemBuilder.prototype.v = function (a, b, c, d) {
         if (!this.f.containsKey(a)) {
             this.g.add(a);
         }
@@ -2483,7 +3530,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CodeGenerationItemBuilder.prototype.q = function (a, b, c) {
+    CodeGenerationItemBuilder.prototype.t = function (a, b, c) {
         var d = null;
         if (!this.f.containsKey(a)) {
             this.g.add(a);
@@ -2501,7 +3548,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CodeGenerationItemBuilder.prototype.r = function (a, b) {
+    CodeGenerationItemBuilder.prototype.u = function (a, b) {
         if (this.f.containsKey(a)) {
             this.f.removeItem(a);
         }
@@ -2512,32 +3559,36 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return null;
     };
-    CodeGenerationItemBuilder.prototype.p = function (a, b) {
-        var e_15, _a, e_16, _b;
+    CodeGenerationItemBuilder.prototype.s = function (a, b) {
+        var e_20, _a, e_21, _b;
         var c = this.m();
         if (b) {
-            var d = this.n();
-            a.aq = d;
+            var d = this.o();
+            a.ay = d;
         }
         var e = false;
         var f = false;
         if (this.f.containsKey("Name")) {
             e = true;
-            a.a6(this.f.item("Name").c);
+            a.bf(this.f.item("Name").c);
         }
         else if (this.f.containsKey("name")) {
             e = true;
-            a.a6(this.f.item("name").c);
+            a.bf(this.f.item("name").c);
         }
         else {
-            if (this.e(a)) {
+            if (b && this.r != null) {
+                e = true;
+                a.bf(this.r);
+            }
+            else if (this.e(this.c, a)) {
                 f = true;
-                a.a5(c);
-                if (a.s) {
+                a.be(c);
+                if (a.x) {
                     this.g.add("name");
                     this.f.addItem("name", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.ad;
+                        $ret.c = a.aj;
                         return $ret;
                     })()));
                 }
@@ -2545,13 +3596,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.g.add("Name");
                     this.f.addItem("Name", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.ad;
+                        $ret.c = a.aj;
                         return $ret;
                     })()));
                 }
             }
         }
-        a.au(c);
+        a.a3(this.p());
         var g = 0;
         try {
             for (var _c = __values(fromEnum(this.g)), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -2560,14 +3611,14 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (i.b == null && h.toLowerCase() == "type") {
                     continue;
                 }
-                if (this.d(h, i)) {
-                    a.a0(g, h, i, this.c);
+                if (this.d(a, h, i)) {
+                    a.a9(g, h, i, this.c);
                     g++;
                 }
             }
         }
-        catch (e_15_1) {
-            e_15 = { error: e_15_1 };
+        catch (e_20_1) {
+            e_20 = { error: e_20_1 };
         }
         finally {
             try {
@@ -2575,11 +3626,11 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_c);
             }
             finally {
-                if (e_15)
-                    throw e_15.error;
+                if (e_20)
+                    throw e_20.error;
             }
         }
-        a.a7();
+        a.bg();
         var j = 0;
         try {
             for (var _e = __values(fromEnum(this.g)), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -2588,14 +3639,14 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (l.b == null && k.toLowerCase() == "type") {
                     continue;
                 }
-                if (!this.d(k, l)) {
-                    a.a1(j, k, l, this.c);
+                if (!this.d(a, k, l)) {
+                    a.ba(j, k, l, this.c);
                     j++;
                 }
             }
         }
-        catch (e_16_1) {
-            e_16 = { error: e_16_1 };
+        catch (e_21_1) {
+            e_21 = { error: e_21_1 };
         }
         finally {
             try {
@@ -2603,33 +3654,36 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _b.call(_e);
             }
             finally {
-                if (e_16)
-                    throw e_16.error;
+                if (e_21)
+                    throw e_21.error;
             }
         }
-        a.a2(c);
+        a.bb(c);
         if (e) {
-            a.a4();
+            a.bd();
         }
         else {
             if (f) {
-                a.a3();
+                a.bc();
             }
         }
     };
-    CodeGenerationItemBuilder.prototype.e = function (a) {
-        var e_17, _a;
+    CodeGenerationItemBuilder.prototype.e = function (a, b) {
+        var e_22, _a;
+        if (b.n) {
+            return true;
+        }
         try {
             for (var _b = __values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var b = _c.value;
-                var c = this.f.item(b);
-                if (a.n(c)) {
+                var c = _c.value;
+                var d = this.f.item(c);
+                if (b.q(a, d)) {
                     return true;
                 }
             }
         }
-        catch (e_17_1) {
-            e_17 = { error: e_17_1 };
+        catch (e_22_1) {
+            e_22 = { error: e_22_1 };
         }
         finally {
             try {
@@ -2637,37 +3691,45 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_17)
-                    throw e_17.error;
+                if (e_22)
+                    throw e_22.error;
             }
         }
         return false;
     };
-    CodeGenerationItemBuilder.prototype.d = function (a, b) {
-        if (b.b == null) {
-            if (a.toLowerCase() == "name") {
+    CodeGenerationItemBuilder.prototype.d = function (a, b, c) {
+        if (c.b == null) {
+            if (b.toLowerCase() == "name") {
                 return true;
             }
         }
-        switch (b.b.knownType) {
+        switch (c.b.knownType) {
             case 10:
             case 7: return true;
-            case 4: return b.c == null || !(typeCast(LinearGradientBrush.$, b.c) !== null);
+            case 4: return c.c == null || !(typeCast(LinearGradientBrush.$, c.c) !== null);
             case 6:
                 return true;
                 break;
-            case 9: return false;
+            case 9:
+                if (a.v(this.c, c)) {
+                    return true;
+                }
+                return false;
             case 5: return true;
             case 16: return true;
             case 20: return true;
+            case 22: return true;
             case 15: return false;
             case 3: return true;
             case 19: return true;
             case 8:
-                if (b.b.specificExternalType == "string") {
+                if (a.v(this.c, c)) {
                     return true;
                 }
-                if (b.a != null) {
+                if (c.b.specificExternalType == "string") {
+                    return true;
+                }
+                if (c.a != null) {
                     return true;
                 }
                 return false;
@@ -2684,6 +3746,14 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
+    CodeGenerationItemBuilder.prototype.p = function () {
+        if (this.b == 1 || this.b == 3 || this.b == 2) {
+            if (this.c.getMetadata(this.j, "__isPlainObject") != null) {
+                return "any";
+            }
+        }
+        return this.m();
+    };
     CodeGenerationItemBuilder.prototype.m = function () {
         if (this.b == 0 || this.b == 4) {
             var a = this.c.getMetadata(this.j, "_qualifiedName");
@@ -2699,11 +3769,15 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return this.j;
         }
+        else if ((this.b == 5 || this.b == 2 || this.b == 1 || this.b == 3) && this.c.getMetadata(this.j, "__qualifiedNameTS") != null) {
+            var d = this.c.getMetadata(this.j, "__qualifiedNameTS");
+            return this.k + d.specificExternalType + this.l;
+        }
         else {
             return this.k + this.j + this.l;
         }
     };
-    CodeGenerationItemBuilder.prototype.n = function () {
+    CodeGenerationItemBuilder.prototype.o = function () {
         var a = this.c.getMetadata(this.j, "_qualifiedName");
         if (a != null) {
             var b = a.specificExternalType;
@@ -2820,7 +3894,7 @@ var CodeGenerationRendererAdapter = /** @class */ /*@__PURE__*/ (function (_supe
     };
     CodeGenerationRendererAdapter.prototype.onPendingRef = function (a, b, c, d) {
         var e = a;
-        e.q(b, c, d);
+        e.t(b, c, d);
     };
     CodeGenerationRendererAdapter.prototype.setPropertyValue = function (a, b, c, d, e, f) {
         if (!(typeCast(CodeGenerationItemBuilder.$, a) !== null)) {
@@ -2856,7 +3930,7 @@ var CodeGenerationRendererAdapter = /** @class */ /*@__PURE__*/ (function (_supe
             }
         }
         var m = a;
-        m.s(b, c, d, f);
+        m.v(b, c, d, f);
     };
     CodeGenerationRendererAdapter.prototype.getPropertyValue = function (a, b) {
         while (stringContains(b, ".")) {
@@ -2972,7 +4046,7 @@ var CodeGenerationRendererAdapter = /** @class */ /*@__PURE__*/ (function (_supe
             }
         }
         var k = d;
-        k.r(b, c);
+        k.u(b, c);
     };
     CodeGenerationRendererAdapter.prototype.replaceItemInCollection = function (a, b, c, d, e) {
         var f = this.getPropertyValue(c, a);