igniteui-angular-core 16.1.2-beta.0 → 17.0.0-beta.0

package/esm5/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -5,7 +5,7 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 import { __extends, __values } from "tslib";
-import { Base, IList_$type, NotSupportedException, String_$type, typeCast, Array_$type, fromEnum, Boolean_$type, markType, EnumUtil, fromEn, Number_$type, runOn } from "./type";
+import { Base, IList_$type, NotSupportedException, String_$type, typeCast, Array_$type, fromEnum, Boolean_$type, markType, EnumUtil, fromEn, Number_$type, Point_$type, typeGetValue, runOn } from "./type";
 import { CodeGenerationTargetPlatforms_$type } from "./CodeGenerationTargetPlatforms";
 import { CodeGeneratingRendererResult } from "./CodeGeneratingRendererResult";
 import { CodeGeneratingCodeWriter } from "./CodeGeneratingCodeWriter";
@@ -14,8 +14,11 @@ import { CodeGenerationItemBuilderPropertyInfo } from "./CodeGenerationItemBuild
 import { List$1 } from "./List$1";
 import { TypeDescriptionContext } from "./TypeDescriptionContext";
 import { TypeDescriptionMetadata } from "./TypeDescriptionMetadata";
+import { Rect } from "./Rect";
+import { Size } from "./Size";
 import { CodeGenerationSpecialValue } from "./CodeGenerationSpecialValue";
 import { ColorUtil } from "./ColorUtil";
+import { Brush } from "./Brush";
 import { StringBuilder } from "./StringBuilder";
 import { CodeGeneratingImportManager } from "./CodeGeneratingImportManager";
 import { stringIsNullOrEmpty, stringReplace, stringStartsWith, stringEndsWith, stringContains } from "./string";
@@ -28,6 +31,8 @@ import { Dictionary$2 } from "./Dictionary$2";
 import { JsonDictionaryValue } from "./JsonDictionaryValue";
 import { JsonDictionaryObject } from "./JsonDictionaryObject";
 import { JsonDictionaryArray } from "./JsonDictionaryArray";
+import { isNaN_ } from "./number";
+import { timeSpanFromMilliseconds } from "./timespan";
 import { ComponentRenderer } from "./ComponentRenderer";
 import { DotNetCodeGeneratingComponentRendererHandlerEmitter } from "./DotNetCodeGeneratingComponentRendererHandlerEmitter";
 import { TSCodeGeneratingComponentRendererTemplateEmitter } from "./TSCodeGeneratingComponentRendererTemplateEmitter";
@@ -47,17 +52,17 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         var _this = _super.call(this) || this;
         _this.l = null;
         _this.j = null;
-        _this.y = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
+        _this.z = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
         _this.d = null;
         _this.a = null;
         _this.c = null;
         _this.b = null;
-        _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.aa = new List$1(String_$type, 0);
+        _this.ad = new Stack$1(String_$type);
+        _this.ab = new Stack$1(String_$type);
+        _this.ac = new Stack$1(Boolean_$type);
+        _this.a3 = null;
         _this.a2 = null;
-        _this.a1 = null;
         _this.l = a;
         _this.j = b;
         _this.d = new CodeGeneratingCodeWriter(_this.l);
@@ -66,7 +71,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         _this.b = new CodeGeneratingCodeWriter(_this.l);
         return _this;
     }
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_ai = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_aj = function () {
         switch (this.j.platform) {
             case 1: return "Igx";
             case 2: return "Igr";
@@ -77,14 +82,14 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ai", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "aj", {
         get: function () {
-            return this.get_ai();
+            return this.get_aj();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_aj = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_ak = function () {
         switch (this.j.platform) {
             case 1: return "Component";
             case 2: return "";
@@ -94,14 +99,14 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "aj", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ak", {
         get: function () {
-            return this.get_aj();
+            return this.get_ak();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "a3", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "a4", {
         get: function () {
             switch (this.j.platform) {
                 case 1: return "angular";
@@ -120,7 +125,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bn = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bp = function (a) {
         this.j.af(a);
     };
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "k", {
@@ -158,13 +163,13 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a) {
         if (a == null || a == "any") {
             return;
         }
-        this.z.add(a);
+        this.aa.add(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.v = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.w = function (a, b) {
         if (this.r) {
             return false;
         }
@@ -195,7 +200,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
             }
         }
         if (b.b != null && (b.b.knownType == 8 || b.b.knownType == 9 || b.b.knownType == 10)) {
-            if (this.v(a, b)) {
+            if (this.w(a, b)) {
                 return true;
             }
         }
@@ -209,54 +214,61 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "an", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ao", {
         get: function () {
-            return this.ac.d();
+            return this.ad.d();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        this.ac.h(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        this.ad.h(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.u = function (a, b) {
+        var c = false;
+        if (b.getMetadata(a, "__isPlainObject") != null) {
+            c = true;
+        }
+        return c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
-        this.ac.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bi = function (a) {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
+        this.ad.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
-        this.be(a, b, c, d);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a, b, c, d) {
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
+        this.bg(a, b, c, d);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.toString = function () {
         return this.d.toString();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "null";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c) {
         if (b.b == null) {
             return b.c;
         }
         if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-            b.c = this.ad(b);
+            b.c = this.ae(b);
         }
         switch (b.b.knownType) {
             case 10:
-                if (this.v(a, b)) {
-                    return this.al(a, b);
+                if (this.w(a, b)) {
+                    return this.am(a, b);
                 }
-                return this.aq(a, b);
+                return this.ar(a, b);
             case 23:
-                if (this.v(a, b)) {
-                    return this.al(a, b);
+                if (this.w(a, b)) {
+                    return this.am(a, b);
                 }
-                return this.aq(a, b);
+                return this.ar(a, b);
             case 7: return b.c ? "true" : "false";
-            case 4: return this.af(b);
+            case 4: return this.ag(b);
             case 6:
                 {
                     var d = "";
@@ -265,17 +277,17 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                         if (f >= 1) {
                             d += " ";
                         }
-                        d += this.ae(e.item(f));
+                        d += this.af(e.item(f));
                     }
                     return d;
                 }
                 break;
             case 9:
-                if (this.v(a, b)) {
-                    return this.al(a, b);
+                if (this.w(a, b)) {
+                    return this.am(a, b);
                 }
                 throw new NotSupportedException(1, "shouldn't get here");
-            case 5: return this.ah(b);
+            case 5: return this.ai(b);
             case 16:
                 {
                     var g = "";
@@ -284,55 +296,55 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                         if (i >= 1) {
                             g += " ";
                         }
-                        g += this.ag(h.item(i));
+                        g += this.ah(h.item(i));
                     }
                     return g;
                 }
                 break;
             case 20:
                 if (b.a != null) {
-                    return this.az(b);
+                    return this.a0(b);
                 }
                 if (b.c == null) {
-                    return this.ax();
+                    return this.ay();
                 }
                 break;
             case 22:
                 if (b.a != null) {
-                    return this.az(b);
+                    return this.a0(b);
                 }
                 if (b.c == null) {
-                    return this.ax();
+                    return this.ay();
                 }
                 break;
             case 15: throw new NotSupportedException(1, "need to figure this out");
             case 3: throw new NotSupportedException(1, "need to figure this out");
             case 19:
                 if (b.a != null) {
-                    return this.au(b);
+                    return this.av(b);
                 }
                 else {
-                    return this.ax();
+                    return this.ay();
                 }
                 break;
             case 8:
                 if (b.b.specificExternalType == "string") {
-                    return this.at(b);
+                    return this.au(b);
                 }
                 if (b.a != null) {
-                    return this.av(b);
+                    return this.aw(b);
                 }
-                if (this.v(a, b)) {
-                    return this.al(a, b);
+                if (this.w(a, b)) {
+                    return this.am(a, b);
                 }
                 throw new NotSupportedException(1, "shouldn't get here");
             case 13: throw new NotSupportedException(1, "shouldn't get here");
             case 18:
                 if (b.a != null) {
-                    return this.aw(b);
+                    return this.ax(b);
                 }
                 else {
-                    return this.ax();
+                    return this.ay();
                 }
                 break;
             case 1: return b.c.toString();
@@ -351,8 +363,8 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                     var l = b.c;
                     return l.width + ", " + l.height;
                 }
-            case 2: return b.c != null ? b.c.toString() : this.ax();
-            case 21: return b.c.toString();
+            case 2: return b.c != null ? b.c.toString() : this.ay();
+            case 21: return this.a7(b.c);
             case 17:
                 if (b.c == null) {
                     return "null";
@@ -365,54 +377,64 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b) {
-        var c = this.a5(a, b);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
+        if (a == null) {
+            return "";
+        }
+        return a.toString();
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a, b) {
+        var c = this.a6(a, b);
         if (b.c != null) {
-            if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
-                var d = this.i(this.l, this.j);
-                var e = this.ak(c, b.c, d);
-                c = this.ao(a, b.c, e, c);
-            }
-            else if (typeCast(Array_$type, b.c) !== null) {
-                var f = b.c;
-                var g = new List$1(CodeGenerationItemBuilder.$, 0);
-                var h = new List$1(String_$type, 0);
-                for (var i = 0; i < f.length; i++) {
-                    if (typeCast(CodeGenerationItemBuilder.$, f[i]) !== null) {
-                        var j = this.i(this.l, this.j);
-                        var k = c;
-                        var l = f[i].o();
-                        if (l == null) {
-                            l = f[i].m();
-                            l = this.ar(l);
+            var d = b.c;
+            if (typeCast(List$1.$.specialize(Base.$), d) !== null) {
+                d = d.toArray();
+            }
+            if (typeCast(CodeGenerationItemBuilder.$, d) !== null) {
+                var e = this.i(this.l, this.j);
+                var f = this.al(c, b.c, e);
+                c = this.ap(a, b.c, f, c);
+            }
+            else if (typeCast(Array_$type, d) !== null) {
+                var g = d;
+                var h = new List$1(CodeGenerationItemBuilder.$, 0);
+                var i = new List$1(String_$type, 0);
+                for (var j = 0; j < g.length; j++) {
+                    if (typeCast(CodeGenerationItemBuilder.$, g[j]) !== null) {
+                        var k = this.i(this.l, this.j);
+                        var l = c;
+                        var m = g[j].o();
+                        if (m == null) {
+                            m = g[j].m();
+                            m = this.as(m);
                         }
-                        if (l != null) {
-                            if (l != k) {
-                                k = l;
+                        if (m != null) {
+                            if (m != l) {
+                                l = m;
                             }
                             else {
-                                k = c + "_" + i.toString();
+                                l = c + "_" + j.toString();
                             }
                         }
-                        var m = this.ak(k, f[i], j);
-                        g.add(f[i]);
-                        h.add(m);
+                        var n = this.al(l, g[j], k);
+                        h.add(g[j]);
+                        i.add(n);
                     }
                 }
-                c = this.ap(b, a, g, h, c);
+                c = this.aq(b, a, h, i, c);
             }
         }
         return c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ak = function (a, b, c) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a, b, c) {
         var e_1, _a;
         b.t = a;
         b.u(c, true);
         var d = c.toString();
         try {
-            for (var _b = __values(fromEnum(c.z)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(c.aa)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var e = _c.value;
-                this.z.add(e);
+                this.aa.add(e);
             }
         }
         catch (e_1_1) {
@@ -430,15 +452,15 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return d;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d) {
         return d;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b, c, d, e) {
         return e;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a, b) {
         if (b.c == null) {
-            return this.ax();
+            return this.ay();
         }
         if (typeCast(CodeGenerationItemBuilder.$, b.c) !== null) {
             var c = b.c.o();
@@ -446,7 +468,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                 return c;
             }
             var d = b.c.m();
-            var e = this.ar(d);
+            var e = this.as(d);
             return e;
         }
         else if (typeCast(IList_$type, b.c) !== null) {
@@ -458,10 +480,10 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                     return h;
                 }
                 var i = g.m();
-                var j = this.ar(i);
+                var j = this.as(i);
                 return j;
             }
-            return this.ar(b.b.propertyName);
+            return this.as(b.b.propertyName);
         }
         else if (typeCast(Array_$type, b.c) !== null) {
             var k = b.c;
@@ -471,29 +493,29 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                     return l;
                 }
                 var m = b.c.m();
-                var n = this.ar(m);
+                var n = this.as(m);
                 return n;
             }
-            return this.ar(b.b.propertyName);
+            return this.as(b.b.propertyName);
         }
-        return this.ax();
+        return this.ay();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         return a.c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             if (a.a.a) {
-                return this.as(a);
+                return this.at(a);
             }
             else {
-                return this.ay(a);
+                return this.az(a);
             }
         }
-        return this.ax();
+        return this.ay();
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.s = function (a) {
         if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
@@ -503,122 +525,122 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             return a.a.e;
         }
-        return this.ax();
+        return this.ay();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
         return a.c != null ? a.c.toString() : "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a) {
-        return this.au(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a) {
+        return this.av(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bn(a);
+            this.bp(a);
             return a.a.e;
         }
-        return this.ax();
+        return this.ay();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "w", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "x", {
         get: function () {
-            return this.get_w();
+            return this.get_x();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
         var b = a.c;
-        return ColorUtil.i(b, this.w);
+        return ColorUtil.i(b, this.x);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         var b = a;
-        return ColorUtil.i(b, this.w);
+        return ColorUtil.i(b, this.x);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
         if (a.c == null) {
             return "";
         }
         var b = a.c;
-        return ColorUtil.i(b.color, this.w);
+        return ColorUtil.i(b.color, this.x);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         if (a == null) {
             return "";
         }
         var b = a;
-        return ColorUtil.i(b.color, this.w);
+        return ColorUtil.i(b.color, this.x);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bl = function (a) {
-        this.aa.h(a);
-        this.ab.h(false);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bn = function (a) {
+        this.ab.h(a);
+        this.ac.h(false);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bk = function (a) {
-        var b = this.ar(a);
-        this.aa.h(b);
-        this.ab.h(true);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bm = function (a) {
+        var b = this.as(a);
+        this.ab.h(b);
+        this.ac.h(true);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a) {
-        var b = stringReplace(stringReplace(a, this.a4, ""), "Component", "");
+    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+        var b = stringReplace(stringReplace(a, this.a5, ""), "Component", "");
         b = CodeGeneratingComponentRenderer.d4(b);
         return this.j.v(b);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bi = function () {
-        this.a1 = this.aa.e();
-        this.ab.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bk = function () {
+        this.a2 = this.ab.e();
+        this.ac.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "a4", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "a5", {
         get: function () {
-            return this.get_a4();
+            return this.get_a5();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "am", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "an", {
         get: function () {
-            if (this.aa.f > 0) {
-                return this.aa.d();
+            if (this.ab.f > 0) {
+                return this.ab.d();
             }
-            var a = stringReplace(stringReplace(this.an, this.a4, ""), "Component", "");
+            var a = stringReplace(stringReplace(this.ao, this.a5, ""), "Component", "");
             return CodeGeneratingComponentRenderer.d4(a);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "u", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "v", {
         get: function () {
-            return this.ac.f == 1;
+            return this.ad.f == 1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "o", {
         get: function () {
-            if (this.ab.f == 0) {
+            if (this.ac.f == 0) {
                 return false;
             }
-            return this.ab.d();
+            return this.ac.d();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "p", {
         get: function () {
-            if (this.aa.f > 0) {
+            if (this.ab.f > 0) {
                 return true;
             }
             return false;
@@ -626,12 +648,12 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_y = function () {
         return true;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "x", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "y", {
         get: function () {
-            return this.get_x();
+            return this.get_y();
         },
         enumerable: false,
         configurable: true
@@ -646,33 +668,33 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bj = function () {
-        this.a1 = this.aa.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bl = function () {
+        this.a2 = this.ab.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
         var b = this.f.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a) {
         var b = this.g.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
         var b = this.e.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b) {
-        if (this.z.count > 0) {
-            this.bc(a, this.z, b);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a, b) {
+        if (this.aa.count > 0) {
+            this.be(a, this.aa, b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c) {
     };
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
     return CodeGeneratingComponentRendererCodeEmitter;
@@ -685,9 +707,9 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, _super);
     function BlazorRazorCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.bq = 0;
-        _this.bo = new HashSet$1(String_$type, 0);
-        _this.bp = new HashSet$1(String_$type, 0);
+        _this.bs = 0;
+        _this.bq = new HashSet$1(String_$type, 0);
+        _this.br = new HashSet$1(String_$type, 0);
         return _this;
     }
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -700,8 +722,8 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         enumerable: false,
         configurable: true
     });
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
-        d = _super.prototype.ao.call(this, a, b, c, d);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d) {
+        d = _super.prototype.ap.call(this, a, b, c, d);
         this.f.l("private " + b.m() + " _" + CodeGeneratingComponentRenderer.d4(d) + " = null;");
         this.f.l("public " + b.m() + " " + CodeGeneratingComponentRenderer.d5(d));
         this.f.l("{");
@@ -723,15 +745,15 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         this.f.l("}");
         return CodeGeneratingComponentRenderer.d5(d);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
-        e = _super.prototype.ap.call(this, a, b, c, d, e);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b, c, d, e) {
+        e = _super.prototype.aq.call(this, a, b, c, d, e);
         var f = null;
         if (c.count > 0) {
             f = c._inner[0].q() + "[]";
         }
         else {
             var g = a.b.specificExternalType;
-            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
         }
         this.f.l("private " + f + " _" + CodeGeneratingComponentRenderer.d4(e) + " = null;");
         this.f.l("public " + f + " " + CodeGeneratingComponentRenderer.d5(e));
@@ -761,10 +783,10 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_y = function () {
         return false;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a, b, c) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bt = function (a, b, c) {
         if (c.c == null) {
             return "null";
         }
@@ -790,7 +812,7 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             f.b.knownType = 1;
         }
         if (f.b.knownType == 8) {
-            e = this.a4 + e;
+            e = this.a5 + e;
         }
         var g = "@(new " + e + "[] { ";
         for (var h = 0; h < d.length; h++) {
@@ -799,55 +821,55 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
             f.c = d[h];
             if (f.b.knownType == 2) {
-                g += "\"" + this.a0(a, f, true) + "\"";
+                g += "\"" + this.a1(a, f, true) + "\"";
             }
             else {
-                g += this.a0(a, f, true);
+                g += this.a1(a, f, true);
             }
         }
         g += " })";
         return g;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         var c = b.b.specificType;
         if (c == null) {
             c = b.b.specificExternalType;
         }
-        return this.br(a, c, b);
+        return this.bt(a, c, b);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        _super.prototype.a8.call(this, a, b, c);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        _super.prototype.ba.call(this, a, b, c);
         this.h.l("<" + a + "");
-        if (!this.bo.contains(this.am)) {
-            this.bo.add_1(this.am);
-            if (!this.bp.contains(this.an)) {
-                this.bp.add_1(this.an);
-                this.a7(this.an);
+        if (!this.bq.contains(this.an)) {
+            this.bq.add_1(this.an);
+            if (!this.br.contains(this.ao)) {
+                this.br.add_1(this.ao);
+                this.a9(this.ao);
             }
-            this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+            this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.d4(this.an) + ";");
             if (!this.p) {
-                if (this.u) {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                if (this.v) {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                 }
             }
             else {
-                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
         this.h.l(">");
         this.h.h();
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
         this.h.f();
         this.h.l("</" + a + ">");
         this.h.l("");
-        _super.prototype.bh.call(this, a);
+        _super.prototype.bj.call(this, a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a, b, c, d) {
         if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d5(c.b.propertyName)) && this.q(d, c)) {
-            this.bn(c);
+            this.bp(c);
             if (a > 0) {
                 this.h.l("");
             }
@@ -860,29 +882,29 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             return;
         }
         if (this.s(c)) {
-            this.bn(c);
-            if (!this.bo.contains(this.am)) {
-                this.bo.add_1(this.am);
-                if (!this.bp.contains(this.an)) {
-                    this.bp.add_1(this.an);
-                    this.a7(this.an);
-                }
-                this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+            this.bp(c);
+            if (!this.bq.contains(this.an)) {
+                this.bq.add_1(this.an);
+                if (!this.br.contains(this.ao)) {
+                    this.br.add_1(this.ao);
+                    this.a9(this.ao);
+                }
+                this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                 if (!this.p) {
-                    if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                    if (this.v) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.d4(this.a0(d, c, true));
+            var e = CodeGeneratingComponentRenderer.d4(this.a1(d, c, true));
             var f = e;
             if (f != "null" && !stringStartsWith(f, "this.")) {
                 f = "this." + f;
             }
-            this.e.l(CodeGeneratingComponentRenderer.d4(this.am) + "." + b + " = " + f + ";");
+            this.e.l(CodeGeneratingComponentRenderer.d4(this.an) + "." + b + " = " + f + ";");
             return;
         }
         if (a > 0) {
@@ -909,24 +931,24 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.a0(d, c, true));
+            this.h.j(this.a1(d, c, true));
             this.h.j("\"");
         }
         if (b == "Name") {
             this.h.l("");
-            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d4(this.a0(d, c, true)) + "\"");
+            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.d4(this.a1(d, c, true)) + "\"");
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
         var b = a.b != null ? a.b.specificType + "." : "";
         return b + (a.c != null ? a.c.toString() : "");
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c) {
         if (b.b == null) {
             return b.c;
         }
         if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-            b.c = this.ad(b);
+            b.c = this.ae(b);
         }
         switch (b.b.knownType) {
             case 11:
@@ -956,9 +978,9 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
                 }
                 return b.c.toString();
         }
-        return _super.prototype.a0.call(this, a, b, c);
+        return _super.prototype.a1.call(this, a, b, c);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -968,21 +990,21 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "@null";
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return CodeGeneratingComponentRenderer.d4(CodeGeneratingComponentRenderer.d4(a.a.e));
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bu = function (a) {
         a = stringReplace(a, "-", "_");
         return CodeGeneratingComponentRenderer.d5(a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
-        this.bn(a);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
+        this.bp(a);
         return CodeGeneratingComponentRenderer.d5(a.a.e);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
         var e_2, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -1018,7 +1040,7 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igb";
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1032,9 +1054,9 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
     __extends(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, _super);
     function BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.bq = 0;
-        _this.bo = new HashSet$1(String_$type, 0);
-        _this.bp = new HashSet$1(String_$type, 0);
+        _this.bs = 0;
+        _this.bq = new HashSet$1(String_$type, 0);
+        _this.br = new HashSet$1(String_$type, 0);
         return _this;
     }
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1050,10 +1072,10 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_y = function () {
         return false;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a, b) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bt = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -1068,9 +1090,9 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
         d += " }";
         return d;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         if (b.b.specificExternalType == "string") {
-            return this.br(b.b.specificExternalType, b);
+            return this.bt(b.b.specificExternalType, b);
         }
         if (b.c == null) {
             return "null";
@@ -1085,74 +1107,74 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
         }
         return d;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        _super.prototype.a8.call(this, a, b, c);
-        if (this.u) {
-            this.h.l("var " + this.am + " = new " + a + "();");
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        _super.prototype.ba.call(this, a, b, c);
+        if (this.v) {
+            this.h.l("var " + this.an + " = new " + a + "();");
         }
         else {
-            this.h.l("var " + this.am + " = new " + a + "();");
+            this.h.l("var " + this.an + " = new " + a + "();");
         }
-        if (!this.bo.contains(this.am)) {
-            this.bo.add_1(this.am);
-            if (!this.bp.contains(this.an)) {
-                this.bp.add_1(this.an);
-                this.a7(this.an);
+        if (!this.bq.contains(this.an)) {
+            this.bq.add_1(this.an);
+            if (!this.br.contains(this.ao)) {
+                this.br.add_1(this.ao);
+                this.a9(this.ao);
             }
-            this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+            this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.d4(this.an) + ";");
             if (!this.p) {
-                if (this.u) {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                if (this.v) {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                 }
             }
             else {
-                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
             }
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
-        _super.prototype.bh.call(this, a);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
+        _super.prototype.bj.call(this, a);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a, b, c, d) {
         if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d5(c.b.propertyName)) && this.q(d, c)) {
-            this.bn(c);
+            this.bp(c);
             if (a > 0) {
                 this.h.l("");
             }
             if (c.a == null || c.a.e == null) {
-                this.h.j(this.am + "." + b + "Name = null;");
+                this.h.j(this.an + "." + b + "Name = null;");
             }
             else {
-                this.h.j(this.am + "." + b + "Name = " + c.a.e + ";");
+                this.h.j(this.an + "." + b + "Name = " + c.a.e + ";");
             }
             return;
         }
         if (this.s(c)) {
-            this.bn(c);
-            if (!this.bo.contains(this.am)) {
-                this.bo.add_1(this.am);
-                if (!this.bp.contains(this.an)) {
-                    this.bp.add_1(this.an);
-                    this.a7(this.an);
-                }
-                this.f.l("private " + this.an + " " + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+            this.bp(c);
+            if (!this.bq.contains(this.an)) {
+                this.bq.add_1(this.an);
+                if (!this.br.contains(this.ao)) {
+                    this.br.add_1(this.ao);
+                    this.a9(this.ao);
+                }
+                this.f.l("private " + this.ao + " " + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                 if (!this.p) {
-                    if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                    if (this.v) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.d4(this.a0(d, c, true));
+            var e = CodeGeneratingComponentRenderer.d4(this.a1(d, c, true));
             var f = e;
             if (f != "null" && !stringStartsWith(f, "this.")) {
                 f = "this." + f;
             }
-            this.e.l(CodeGeneratingComponentRenderer.d4(this.am) + "." + b + " = " + f + ";");
+            this.e.l(CodeGeneratingComponentRenderer.d4(this.an) + "." + b + " = " + f + ";");
             return;
         }
         if (a > 0) {
@@ -1178,28 +1200,28 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
                     }
                 }
             }
-            this.h.j(this.am + ".");
+            this.h.j(this.an + ".");
             this.h.j(b);
             this.h.j(" = ");
             if (h) {
-                this.h.j("\"" + this.a0(d, c, true) + "\"");
+                this.h.j("\"" + this.a1(d, c, true) + "\"");
             }
             else {
-                this.h.j(this.a0(d, c, true));
+                this.h.j(this.a1(d, c, true));
             }
             this.h.j(";");
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
         var b = a.b != null ? a.b.specificType + "." : "";
         return b + (a.c != null ? a.c.toString() : "");
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c) {
         if (b.b == null) {
             return "\"" + b.c + "\"";
         }
         if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-            b.c = this.ad(b);
+            b.c = this.ae(b);
         }
         switch (b.b.knownType) {
             case 11:
@@ -1231,12 +1253,12 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
             case 5:
             case 6:
             case 16:
-            case 2: return "\"" + _super.prototype.a0.call(this, a, b, c) + "\"";
+            case 2: return "\"" + _super.prototype.a1.call(this, a, b, c) + "\"";
             case 9: throw new NotSupportedException(1, "shouldn't get here");
         }
-        return _super.prototype.a0.call(this, a, b, c);
+        return _super.prototype.a1.call(this, a, b, c);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1246,21 +1268,21 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
         }
         return b.b;
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "null";
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return CodeGeneratingComponentRenderer.d4(CodeGeneratingComponentRenderer.d4(a.a.e));
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bu = function (a) {
         a = stringReplace(a, "-", "_");
         return CodeGeneratingComponentRenderer.d5(a);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
-        this.bn(a);
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
+        this.bp(a);
         return CodeGeneratingComponentRenderer.d5(a.a.e);
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
         var e_3, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -1271,7 +1293,7 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
                         if (typeCast(CodeGenerationItemBuilder.$, f) !== null) {
                             var g = f;
                             g.u(this, false);
-                            this.h.l(this.am + "." + b + ".Add(" + this.a1 + ");");
+                            this.h.l(this.an + "." + b + ".Add(" + this.a2 + ");");
                         }
                     }
                 }
@@ -1294,11 +1316,11 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var h = c.c;
                 h.u(this, false);
-                this.h.l(this.am + "." + b + " = " + this.a1 + ";");
+                this.h.l(this.an + "." + b + " = " + this.a2 + ";");
             }
         }
     };
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igb";
     };
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1312,8 +1334,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function ReactMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.bo = new HashSet$1(String_$type, 0);
-        _this.bp = new HashSet$1(String_$type, 0);
+        _this.bq = new HashSet$1(String_$type, 0);
+        _this.br = new HashSet$1(String_$type, 0);
         return _this;
     }
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1326,8 +1348,8 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         enumerable: false,
         configurable: true
     });
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
-        d = _super.prototype.ao.call(this, a, b, c, d);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d) {
+        d = _super.prototype.ap.call(this, a, b, c, d);
         var e = b.q();
         this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d4(d) + ": " + e + " | null = null;");
         this.f.l("public get " + CodeGeneratingComponentRenderer.d4(d) + "(): " + e + " {");
@@ -1344,15 +1366,15 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         this.f.l("}");
         return CodeGeneratingComponentRenderer.d5(d);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
-        e = _super.prototype.ap.call(this, a, b, c, d, e);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b, c, d, e) {
+        e = _super.prototype.aq.call(this, a, b, c, d, e);
         var f = null;
         if (c.count > 0) {
             f = c._inner[0].q() + "[]";
         }
         else {
             var g = a.b.specificExternalType;
-            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
         }
         this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d4(e) + ": " + f + " | null = null;");
         this.f.l("public get " + CodeGeneratingComponentRenderer.d4(e) + "(): " + f + " {");
@@ -1376,7 +1398,7 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         if (b.c == null) {
             return "{null}";
         }
@@ -1397,48 +1419,53 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             if (h > 0) {
                 g += ", ";
             }
-            g += "\"" + f[h].toString() + "\"";
+            if (b.b != null && (b.b.specificExternalType == "int" || b.b.specificExternalType == "double")) {
+                g += f[h].toString();
+            }
+            else {
+                g += "\"" + f[h].toString() + "\"";
+            }
         }
         g += "]";
         return g;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return true;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igr";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        _super.prototype.a8.call(this, a, b, c);
-        this.h.l("<" + this.br(a) + "");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        _super.prototype.ba.call(this, a, b, c);
+        this.h.l("<" + this.bt(a) + "");
         this.h.h();
-        if (!this.bp.contains(this.an)) {
-            this.bp.add_1(this.an);
-            this.a7(this.an);
-        }
-        if (!this.bo.contains(this.am)) {
-            this.bo.add_1(this.am);
-            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.am) + ": " + this.an);
-            if (this.u) {
-                this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.am) + "Ref(r: " + this.an + ") {");
+        if (!this.br.contains(this.ao)) {
+            this.br.add_1(this.ao);
+            this.a9(this.ao);
+        }
+        if (!this.bq.contains(this.an)) {
+            this.bq.add_1(this.an);
+            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.an) + ": " + this.ao);
+            if (this.v) {
+                this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.an) + "Ref(r: " + this.ao + ") {");
                 this.f.h();
-                this.f.l("this." + CodeGeneratingComponentRenderer.d4(this.am) + " = r;");
+                this.f.l("this." + CodeGeneratingComponentRenderer.d4(this.an) + " = r;");
                 this.f.l("this.setState({});");
                 this.f.f();
                 this.f.l("}");
-                this.g.l("this." + CodeGeneratingComponentRenderer.d4(this.am) + "Ref = " + "this." + CodeGeneratingComponentRenderer.d4(this.am) + "Ref.bind(this);");
+                this.g.l("this." + CodeGeneratingComponentRenderer.d4(this.an) + "Ref = " + "this." + CodeGeneratingComponentRenderer.d4(this.an) + "Ref.bind(this);");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bt = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
         return CodeGeneratingComponentRenderer.d5(a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
-        if (!this.u && !this.p) {
-            var a = this.bq();
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
+        if (!this.v && !this.p) {
+            var a = this.bs();
             this.h.l("");
             this.h.l("name=\"" + a + "\"");
         }
@@ -1446,31 +1473,31 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         this.h.l(">");
         this.h.h();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bq = function () {
-        var a = CodeGeneratingComponentRenderer.d4(stringReplace(stringReplace(this.an, this.a4, ""), "Component", ""));
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function () {
+        var a = CodeGeneratingComponentRenderer.d4(stringReplace(stringReplace(this.ao, this.a5, ""), "Component", ""));
         a = this.k.u(a);
         return a;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bn(a);
-            if (!this.bo.contains(a.a.e)) {
+            this.bp(a);
+            if (!this.bq.contains(a.a.e)) {
                 this.g.l("this." + CodeGeneratingComponentRenderer.d4(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d4(a.a.e) + ".bind(this);");
             }
             return "this." + CodeGeneratingComponentRenderer.d4(a.a.e);
         }
-        return this.ax();
+        return this.ay();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
         this.h.f();
-        this.h.l("</" + this.br(a) + ">");
-        _super.prototype.bh.call(this, a);
+        this.h.l("</" + this.bt(a) + ">");
+        _super.prototype.bj.call(this, a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a, b, c, d) {
         var e = CodeGeneratingComponentRenderer.d4(b);
-        var f = this.a0(d, c, true);
+        var f = this.a1(d, c, true);
         if (c.b != null && d.hasNameBinding(c.b.owningType, CodeGeneratingComponentRenderer.d5(c.b.propertyName)) && this.q(d, c)) {
-            this.bn(c);
+            this.bp(c);
             if (a > 0) {
                 this.h.l("");
             }
@@ -1482,10 +1509,18 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
             return;
         }
-        if (!(e == "name") || !this.u) {
+        if (!(e == "name") || !this.v) {
             var g = (c.b != null && c.b.knownType == 10);
-            if (this.q(d, c) || g) {
-                this.bn(c);
+            if (this.q(d, c)) {
+                this.bp(c);
+                var h = CodeGeneratingComponentRenderer.d4(f);
+                var i = h;
+                if (i != "null" && !stringStartsWith(i, "this.")) {
+                    i = "this." + i;
+                }
+                f = "{" + i + "}";
+            }
+            else if (g) {
                 f = "{" + f + "}";
             }
             if (a > 0) {
@@ -1503,15 +1538,15 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             a++;
         }
         if (e == "name") {
-            if (this.u) {
+            if (this.v) {
                 if (a > 0) {
                     this.h.l("");
                 }
-                this.h.j("ref={this." + CodeGeneratingComponentRenderer.d4(this.a0(d, c, true)) + "Ref}");
+                this.h.j("ref={this." + CodeGeneratingComponentRenderer.d4(this.a1(d, c, true)) + "Ref}");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1521,16 +1556,16 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "null";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return "this." + CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
         return "this." + CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
         var e_4, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -1566,9 +1601,9 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
-        _super.prototype.bc.call(this, a, b, c);
-        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c) {
+        _super.prototype.be.call(this, a, b, c);
+        WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
     };
     ReactMarkupCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, 'ReactMarkupCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
     return ReactMarkupCodeGeneratingComponentRendererCodeEmitter;
@@ -1581,9 +1616,9 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
     __extends(WebCodeBehindCodeGeneratingComponentRendererCodeEmitter, _super);
     function WebCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.br = 0;
-        _this.bp = new HashSet$1(String_$type, 0);
-        _this.bq = new HashSet$1(String_$type, 0);
+        _this.bt = 0;
+        _this.br = new HashSet$1(String_$type, 0);
+        _this.bs = new HashSet$1(String_$type, 0);
         return _this;
     }
     WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1596,42 +1631,42 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         enumerable: false,
         configurable: true
     });
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bq = function (a) {
         if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
             return false;
         }
         var b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
         for (var c = 0; c < b.length; c++) {
-            if (b[c].toLowerCase() == this.a3) {
+            if (b[c].toLowerCase() == this.a4) {
                 return true;
             }
         }
         return false;
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        if (this.bo(a)) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        if (this.bq(a)) {
             return "\"" + CodeGeneratingComponentRenderer.d6(a.c.toString()) + "\"";
         }
         else {
-            if (!this.bq.contains(a.b.specificType)) {
-                this.bq.add_1(a.b.specificType);
+            if (!this.bs.contains(a.b.specificType)) {
+                this.bs.add_1(a.b.specificType);
                 if (a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
                     var b = a.b.owningContext.getMetadata(a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
-                    this.a7(a.b.specificType + ":" + b);
+                    this.a9(a.b.specificType + ":" + b);
                 }
                 else if (a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)) != null) {
                     var c = a.b.owningContext.getMetadata("Web" + a.b.owningType, "__importTypes" + EnumUtil.getName(CodeGenerationTargetPlatforms_$type, this.k.platform)).specificExternalType;
-                    this.a7(a.b.specificType + ":" + c);
+                    this.a9(a.b.specificType + ":" + c);
                 }
                 else {
-                    this.a7(a.b.specificType);
+                    this.a9(a.b.specificType);
                 }
             }
             var d = a.b != null ? a.b.specificType + "." : "";
             return d + (a.c != null ? a.c.toString() : "");
         }
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -1645,102 +1680,99 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         }
         return d + "]";
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return true;
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        _super.prototype.a8.call(this, a, b, c);
-        var d = false;
-        if (c.getMetadata(b, "__isPlainObject") != null) {
-            d = true;
-        }
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        _super.prototype.ba.call(this, a, b, c);
+        var d = this.u(b, c);
         if (d) {
-            if (this.u) {
-                this.h.l("var " + this.am + ": " + a + " = {} as " + a + ";");
+            if (this.v) {
+                this.h.l("var " + this.an + ": " + a + " = {} as " + a + ";");
             }
             else {
-                this.h.l("var " + this.am + ": " + a + " = {} as " + a + ";");
+                this.h.l("var " + this.an + ": " + a + " = {} as " + a + ";");
             }
         }
         else {
-            if (this.u) {
-                this.h.l("var " + this.am + " = new " + a + "();");
+            if (this.v) {
+                this.h.l("var " + this.an + " = new " + a + "();");
             }
             else {
-                this.h.l("var " + this.am + " = new " + a + "();");
+                this.h.l("var " + this.an + " = new " + a + "();");
             }
         }
-        if (!this.bp.contains(this.am)) {
-            this.bp.add_1(this.am);
-            if (!this.bq.contains(this.an)) {
-                this.bq.add_1(this.an);
-                this.a7(this.an);
+        if (!this.br.contains(this.an)) {
+            this.br.add_1(this.an);
+            if (!this.bs.contains(this.ao)) {
+                this.bs.add_1(this.ao);
+                this.a9(this.ao);
             }
-            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.am) + ": " + this.an);
+            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.an) + ": " + this.ao);
             if (!this.p) {
-                if (this.u) {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
+                if (this.v) {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
                 }
             }
             else {
-                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
             }
         }
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bu = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
         return CodeGeneratingComponentRenderer.d7(a);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
         this.h.l("");
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bi = function (a) {
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
         {
             this.h.l("");
         }
-        _super.prototype.bh.call(this, a);
+        _super.prototype.bj.call(this, a);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a, b, c, d) {
         var e = CodeGeneratingComponentRenderer.d4(b);
         if (e == "name" && c.b == null) {
             return;
         }
         if (this.s(c)) {
-            this.bn(c);
-            if (!this.bp.contains(this.am)) {
-                this.bp.add_1(this.am);
-                if (!this.bq.contains(this.an)) {
-                    this.bq.add_1(this.an);
-                    this.a7(this.an);
-                }
-                this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.am) + ": " + this.an);
+            this.bp(c);
+            if (!this.br.contains(this.an)) {
+                this.br.add_1(this.an);
+                if (!this.bs.contains(this.ao)) {
+                    this.bs.add_1(this.ao);
+                    this.a9(this.ao);
+                }
+                this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.an) + ": " + this.ao);
                 if (!this.p) {
-                    if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
+                    if (this.v) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.d4(this.a0(d, c, true));
+            var f = CodeGeneratingComponentRenderer.d4(this.a1(d, c, true));
             var g = f;
             if (g != "null" && !stringStartsWith(g, "this.")) {
                 g = "this." + g;
             }
-            if (this.an == "any" && stringContains(e, "-")) {
-                this.e.l(CodeGeneratingComponentRenderer.d4(this.am) + "['" + e + "'] = " + g + ";");
+            if (this.ao == "any" && stringContains(e, "-")) {
+                this.e.l(CodeGeneratingComponentRenderer.d4(this.an) + "['" + e + "'] = " + g + ";");
             }
             else {
                 if (c.b != null && c.b.isCustomEvent) {
-                    this.e.l(CodeGeneratingComponentRenderer.d4(this.am) + ".addEventListener(\"" + e + "\", " + g + ");");
+                    this.e.l(CodeGeneratingComponentRenderer.d4(this.an) + ".addEventListener(\"" + e + "\", " + g + ");");
                 }
                 else {
-                    this.e.l(CodeGeneratingComponentRenderer.d4(this.am) + "." + e + " = " + g + ";");
+                    this.e.l(CodeGeneratingComponentRenderer.d4(this.an) + "." + e + " = " + g + ";");
                 }
             }
             return;
@@ -1748,17 +1780,17 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         if (a > 0) {
             this.h.l("");
         }
-        if (this.an == "any" && stringContains(e, "-")) {
-            this.h.j(this.am + "." + CodeGeneratingComponentRenderer.d4(this.am) + "['" + e + "']");
+        if (this.ao == "any" && stringContains(e, "-")) {
+            this.h.j(this.an + "." + CodeGeneratingComponentRenderer.d4(this.an) + "['" + e + "']");
         }
         else {
-            this.h.j(this.am + "." + CodeGeneratingComponentRenderer.d4(e));
+            this.h.j(this.an + "." + CodeGeneratingComponentRenderer.d4(e));
         }
         this.h.j(" = ");
-        this.h.j(this.a0(d, c, true));
+        this.h.j(this.a1(d, c, true));
         this.h.j(";");
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1768,31 +1800,31 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         }
         return b.b;
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "null";
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
         return CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bn(a);
-            if (!this.bp.contains(a.a.e)) {
+            this.bp(a);
+            if (!this.br.contains(a.a.e)) {
                 this.g.l("this." + CodeGeneratingComponentRenderer.d4(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d4(a.a.e) + ".bind(this);");
             }
             return "this." + CodeGeneratingComponentRenderer.d4(a.a.e);
         }
-        return this.ax();
+        return this.ay();
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c) {
         if (b.b == null) {
             return "\"" + b.c + "\"";
         }
         if (typeCast(CodeGenerationSpecialValue.$, b.c) !== null) {
-            b.c = this.ad(b);
+            b.c = this.ae(b);
         }
         switch (b.b.knownType) {
             case 11:
@@ -1825,12 +1857,12 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
             case 23:
             case 6:
             case 16:
-            case 2: return "\"" + _super.prototype.a0.call(this, a, b, c) + "\"";
+            case 2: return "\"" + _super.prototype.a1.call(this, a, b, c) + "\"";
             case 9: throw new NotSupportedException(1, "shouldn't get here");
         }
-        return _super.prototype.a0.call(this, a, b, c);
+        return _super.prototype.a1.call(this, a, b, c);
     };
-    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+    WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
         var e_5, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -1851,12 +1883,12 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
                             if (k) {
                                 if (f) {
                                     f = false;
-                                    this.h.l(this.am + "." + b + " = []");
+                                    this.h.l(this.an + "." + b + " = []");
                                 }
-                                this.h.l(this.am + "." + b + ".push(" + this.a1 + ");");
+                                this.h.l(this.an + "." + b + ".push(" + this.a2 + ");");
                             }
                             else {
-                                this.h.l(this.am + "." + b + ".add(" + this.a1 + ");");
+                                this.h.l(this.an + "." + b + ".add(" + this.a2 + ");");
                             }
                         }
                     }
@@ -1880,7 +1912,7 @@ var WebCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
             if (typeCast(CodeGenerationItemBuilder.$, c.c) !== null) {
                 var l = c.c;
                 l.u(this, false);
-                this.h.l(this.am + "." + b + " = " + this.a1 + ";");
+                this.h.l(this.an + "." + b + " = " + this.a2 + ";");
             }
         }
     };
@@ -1902,12 +1934,19 @@ var ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igc";
     };
-    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
-        _super.prototype.bc.call(this, a, b, c);
-        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c) {
+        _super.prototype.be.call(this, a, b, c);
+        WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
+    };
+    ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bv = function (a, b) {
+        var c = false;
+        if (b.getMetadata(a, "__isPlainObject") != null && b.getMetadata(a, "__marshalByValue") == null) {
+            c = true;
+        }
+        return c;
     };
     ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return ReactCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -1920,9 +1959,9 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
     __extends(WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.br = 0;
-        _this.bp = new HashSet$1(String_$type, 0);
-        _this.bq = new HashSet$1(String_$type, 0);
+        _this.bt = 0;
+        _this.br = new HashSet$1(String_$type, 0);
+        _this.bs = new HashSet$1(String_$type, 0);
         return _this;
     }
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -1935,31 +1974,31 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         enumerable: false,
         configurable: true
     });
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bq = function (a) {
         if (!a.b.owningContext.hasStringUnionPlatforms(a.b.owningType, a.b.propertyName)) {
             return false;
         }
         var b = a.b.owningContext.getStringUnionPlatforms(a.b.owningType, a.b.propertyName);
         for (var c = 0; c < b.length; c++) {
-            if (b[c].toLowerCase() == this.a3) {
+            if (b[c].toLowerCase() == this.a4) {
                 return true;
             }
         }
         return false;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        if (this.bo(a)) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        if (this.bq(a)) {
             return CodeGeneratingComponentRenderer.d6(a.c.toString());
         }
         else {
-            return _super.prototype.at.call(this, a);
+            return _super.prototype.au.call(this, a);
         }
     };
     WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
-        d = _super.prototype.ao.call(this, a, b, c, d);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d) {
+        d = _super.prototype.ap.call(this, a, b, c, d);
         var e = b.q();
         this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d4(d) + ": " + e + " | null = null;");
         this.f.l("public get " + CodeGeneratingComponentRenderer.d4(d) + "(): " + e + " {");
@@ -1976,15 +2015,15 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         this.f.l("}");
         return CodeGeneratingComponentRenderer.d5(d);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
-        e = _super.prototype.ap.call(this, a, b, c, d, e);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b, c, d, e) {
+        e = _super.prototype.aq.call(this, a, b, c, d, e);
         var f = null;
         if (c.count > 0) {
             f = c._inner[0].q() + "[]";
         }
         else {
             var g = a.b.specificExternalType;
-            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
         }
         this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d4(e) + ": " + f + " | null = null;");
         this.f.l("public get " + CodeGeneratingComponentRenderer.d4(e) + "(): " + f + " {");
@@ -2005,7 +2044,7 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         this.f.l("}");
         return CodeGeneratingComponentRenderer.d5(e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -2019,81 +2058,81 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return d;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return true;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        _super.prototype.a8.call(this, a, b, c);
-        this.h.l("<" + this.bs(a) + "");
-        if (!this.bp.contains(this.am)) {
-            this.bp.add_1(this.am);
-            if (!this.bq.contains(this.an)) {
-                this.bq.add_1(this.an);
-                this.a7(this.an);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        _super.prototype.ba.call(this, a, b, c);
+        this.h.l("<" + this.bu(a) + "");
+        if (!this.br.contains(this.an)) {
+            this.br.add_1(this.an);
+            if (!this.bs.contains(this.ao)) {
+                this.bs.add_1(this.ao);
+                this.a9(this.ao);
             }
-            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.am) + ": " + this.an);
+            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.an) + ": " + this.ao);
             if (!this.p) {
-                if (this.u) {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
+                if (this.v) {
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
                 }
             }
             else {
-                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
+                this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bs = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bu = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
         return CodeGeneratingComponentRenderer.d7(a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
         this.h.l(">");
         this.h.h();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
         this.h.f();
-        this.h.l("</" + this.bs(a) + ">");
-        _super.prototype.bh.call(this, a);
+        this.h.l("</" + this.bu(a) + ">");
+        _super.prototype.bj.call(this, a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igc";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
-        _super.prototype.bc.call(this, a, b, c);
-        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c) {
+        _super.prototype.be.call(this, a, b, c);
+        WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a, b, c, d) {
         var e = CodeGeneratingComponentRenderer.d4(b);
         if (this.q(d, c)) {
-            this.bn(c);
-            if (!this.bp.contains(this.am)) {
-                this.bp.add_1(this.am);
-                if (!this.bq.contains(this.an)) {
-                    this.bq.add_1(this.an);
-                    this.a7(this.an);
-                }
-                this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.am) + ": " + this.an);
+            this.bp(c);
+            if (!this.br.contains(this.an)) {
+                this.br.add_1(this.an);
+                if (!this.bs.contains(this.ao)) {
+                    this.bs.add_1(this.ao);
+                    this.a9(this.ao);
+                }
+                this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.an) + ": " + this.ao);
                 if (!this.p) {
-                    if (this.u) {
-                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.an, "Component", "")) + "') as " + this.an + ";");
+                    if (this.v) {
+                        this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.querySelector('" + CodeGeneratingComponentRenderer.d7(stringReplace(this.ao, "Component", "")) + "') as " + this.ao + ";");
                     }
                 }
                 else {
-                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.am) + " = this." + CodeGeneratingComponentRenderer.d4(this.am) + " = document.getElementById('" + this.am + "') as " + this.an + ";");
+                    this.g.l("var " + CodeGeneratingComponentRenderer.d4(this.an) + " = this." + CodeGeneratingComponentRenderer.d4(this.an) + " = document.getElementById('" + this.an + "') as " + this.ao + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.d4(this.a0(d, c, true));
+            var f = CodeGeneratingComponentRenderer.d4(this.a1(d, c, true));
             var g = f;
             if (g != "null" && !stringStartsWith(g, "this.")) {
                 g = "this." + g;
             }
             if (c.b.isCustomEvent) {
-                this.e.l(CodeGeneratingComponentRenderer.d4(this.am) + ".addEventListener(\"" + e + "\", " + g + ");");
+                this.e.l(CodeGeneratingComponentRenderer.d4(this.an) + ".addEventListener(\"" + e + "\", " + g + ");");
             }
             else {
-                this.e.l(CodeGeneratingComponentRenderer.d4(this.am) + "." + e + " = " + g + ";");
+                this.e.l(CodeGeneratingComponentRenderer.d4(this.an) + "." + e + " = " + g + ";");
             }
             return;
         }
@@ -2103,14 +2142,14 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         this.h.j(CodeGeneratingComponentRenderer.d7(e));
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.a0(d, c, true));
+        this.h.j(this.a1(d, c, true));
         this.h.j("\"");
         if (e == "name") {
             this.h.l("");
-            this.h.j("id=\"" + this.a0(d, c, true) + "\"");
+            this.h.j("id=\"" + this.a1(d, c, true) + "\"");
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -2120,26 +2159,26 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return b.b;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "null";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
         return CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bn(a);
-            if (!this.bp.contains(a.a.e)) {
+            this.bp(a);
+            if (!this.br.contains(a.a.e)) {
                 this.g.l("this." + CodeGeneratingComponentRenderer.d4(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.d4(a.a.e) + ".bind(this);");
             }
             return "this." + CodeGeneratingComponentRenderer.d4(a.a.e);
         }
-        return this.ax();
+        return this.ay();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
         var e_6, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -2190,12 +2229,12 @@ var WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @cla
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igc";
     };
-    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
-        _super.prototype.bc.call(this, a, b, c);
-        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
+    WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c) {
+        _super.prototype.be.call(this, a, b, c);
+        WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
     };
     WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return WebComponentsCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -2220,7 +2259,7 @@ var TSCodeGeneratingComponentRendererHandlerEmitter = /** @class */ /*@__PURE__*
         _super.prototype.u.call(this, a, b);
         this.h.l("this." + CodeGeneratingComponentRenderer.d4(a) + "();");
     };
-    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "x", {
+    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "z", {
         get: function () {
             switch (this.w) {
                 case 1: return "angular";
@@ -2232,7 +2271,7 @@ var TSCodeGeneratingComponentRendererHandlerEmitter = /** @class */ /*@__PURE__*
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "y", {
+    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "aa", {
         get: function () {
             switch (this.w) {
                 case 1: return "Igx";
@@ -2251,21 +2290,26 @@ var TSCodeGeneratingComponentRendererHandlerEmitter = /** @class */ /*@__PURE__*
         c.execute(b, function (d, e, f) {
             var g = d(1);
             var h = d(2);
-            h = stringReplace(h, "webcomponents", _this.x);
-            h = stringReplace(h, "react", _this.x);
-            h = stringReplace(h, "angular", _this.x);
+            h = stringReplace(h, "webcomponents", _this.z);
+            h = stringReplace(h, "react", _this.z);
+            h = stringReplace(h, "angular", _this.z);
+            if (_this.z == "angular" || _this.z == "react") {
+                if (stringContains(h, "/grids")) {
+                    h = stringReplace(h, "/grids", "");
+                }
+            }
             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.y + l.substr(3);
+                    l = _this.aa + l.substr(3);
                 }
                 if (stringStartsWith(l, "Igr")) {
-                    l = _this.y + l.substr(3);
+                    l = _this.aa + l.substr(3);
                 }
                 if (stringStartsWith(l, "Igx")) {
-                    l = _this.y + l.substr(3);
+                    l = _this.aa + l.substr(3);
                 }
                 if (stringStartsWith(l, "Igr") && stringEndsWith(l, "Component")) {
                     l = l.substr(0, l.length - ("Component").length);
@@ -2275,7 +2319,42 @@ var TSCodeGeneratingComponentRendererHandlerEmitter = /** @class */ /*@__PURE__*
             return null;
         });
     };
-    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.q = function (a) {
+    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.get_y = function () {
+        switch (this.n.platform) {
+            case 1: return "Component";
+            case 2: return "";
+            case 3: return "Component";
+            case 4: return "";
+            case 0: return "";
+        }
+        return "";
+    };
+    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "y", {
+        get: function () {
+            return this.get_y();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.get_x = function () {
+        switch (this.n.platform) {
+            case 1: return "Igx";
+            case 2: return "Igr";
+            case 3: return "Igc";
+            case 4: return "Ultra";
+            case 0: return "Xam";
+            case 5: return "Igb";
+        }
+        return "";
+    };
+    Object.defineProperty(TSCodeGeneratingComponentRendererHandlerEmitter.prototype, "x", {
+        get: function () {
+            return this.get_x();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TSCodeGeneratingComponentRendererHandlerEmitter.prototype.q = function (a, b) {
         return a;
     };
     TSCodeGeneratingComponentRendererHandlerEmitter.$t = markType(TSCodeGeneratingComponentRendererHandlerEmitter, 'TSCodeGeneratingComponentRendererHandlerEmitter', CodeGeneratingComponentRendererHandlerEmitter.$);
@@ -2598,9 +2677,9 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     __extends(AngularTemplateCodeGeneratingComponentRendererCodeEmitter, _super);
     function AngularTemplateCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.bq = 0;
-        _this.bo = new HashSet$1(String_$type, 0);
-        _this.bp = new HashSet$1(String_$type, 0);
+        _this.bs = 0;
+        _this.bq = new HashSet$1(String_$type, 0);
+        _this.br = new HashSet$1(String_$type, 0);
         return _this;
     }
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
@@ -2613,8 +2692,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         enumerable: false,
         configurable: true
     });
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b, c, d) {
-        d = _super.prototype.ao.call(this, a, b, c, d);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d) {
+        d = _super.prototype.ap.call(this, a, b, c, d);
         var e = b.q();
         this.f.l("private " + " _" + CodeGeneratingComponentRenderer.d4(d) + ": " + e + " | null = null;");
         this.f.l("public get " + CodeGeneratingComponentRenderer.d4(d) + "(): " + e + " {");
@@ -2631,15 +2710,15 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         this.f.l("}");
         return CodeGeneratingComponentRenderer.d5(d);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b, c, d, e) {
-        e = _super.prototype.ap.call(this, a, b, c, d, e);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b, c, d, e) {
+        e = _super.prototype.aq.call(this, a, b, c, d, e);
         var f = null;
         if (c.count > 0) {
             f = c._inner[0].q() + "[]";
         }
         else {
             var g = a.b.specificExternalType;
-            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.ai, this.aj) + "[]";
+            f = CodeGenerationItemBuilder.n(this.k.platform, g, b, this.aj, this.ak) + "[]";
         }
         this.f.l("private" + " _" + CodeGeneratingComponentRenderer.d4(e) + ": " + f + " | null = null;");
         this.f.l("public get " + CodeGeneratingComponentRenderer.d4(e) + "(): " + f + " {");
@@ -2663,7 +2742,7 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
     AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -2677,48 +2756,48 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return d;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_w = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
         return true;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igx";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        _super.prototype.a8.call(this, a, b, c);
-        this.h.l("<" + this.br(a) + "");
-        if (!this.bo.contains(this.am)) {
-            this.bo.add_1(this.am);
-            if (!this.bp.contains(this.an)) {
-                this.bp.add_1(this.an);
-                this.a7(this.an);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        _super.prototype.ba.call(this, a, b, c);
+        this.h.l("<" + this.bt(a) + "");
+        if (!this.bq.contains(this.an)) {
+            this.bq.add_1(this.an);
+            if (!this.br.contains(this.ao)) {
+                this.br.add_1(this.ao);
+                this.a9(this.ao);
             }
-            this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.d4(this.am) + "\", { static: true } )");
-            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.am) + ": " + this.an);
+            this.f.l("@ViewChild(\"" + CodeGeneratingComponentRenderer.d4(this.an) + "\", { static: true } )");
+            this.f.l("private " + CodeGeneratingComponentRenderer.d4(this.an) + ": " + this.ao);
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
-        _super.prototype.bc.call(this, a, b, c);
-        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c) {
+        _super.prototype.be.call(this, a, b, c);
+        WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.br = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bt = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
         return CodeGeneratingComponentRenderer.d7(a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
         this.h.l(">");
         this.h.h();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
         this.h.f();
-        this.h.l("</" + this.br(a) + ">");
-        _super.prototype.bh.call(this, a);
+        this.h.l("</" + this.bt(a) + ">");
+        _super.prototype.bj.call(this, a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bg = function (a, b, c, d) {
         var e = CodeGeneratingComponentRenderer.d4(b);
         if (this.q(d, c)) {
-            this.bn(c);
+            this.bp(c);
             if (this.t(c)) {
                 e = "(" + e + ")";
             }
@@ -2732,21 +2811,21 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         this.h.j(e);
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.a0(d, c, true));
+        this.h.j(this.a1(d, c, true));
         this.h.j("\"");
         if (e == "name") {
             this.h.l("");
-            this.h.j("#" + CodeGeneratingComponentRenderer.d4(this.a0(d, c, true)));
+            this.h.j("#" + CodeGeneratingComponentRenderer.d4(this.a1(d, c, true)));
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.bn(a);
+            this.bp(a);
             return "this." + CodeGeneratingComponentRenderer.d4(a.a.e) + "($event)";
         }
-        return this.ax();
+        return this.ay();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -2756,16 +2835,16 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return b.b;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "null";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
         return CodeGeneratingComponentRenderer.d4(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
         var e_8, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -2819,12 +2898,12 @@ var AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Igc";
     };
-    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b, c) {
-        _super.prototype.bc.call(this, a, b, c);
-        WebImportsHalper.a(this.k, this.a3, this.a2, this.a4, a, b, c);
+    AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c) {
+        _super.prototype.be.call(this, a, b, c);
+        WebImportsHalper.b(this.k, this.a4, this.a3, this.a5, a, b, c);
     };
     AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter', WebCodeBehindCodeGeneratingComponentRendererCodeEmitter.$);
     return AngularCodeBehindCodeGeneratingComponentRendererCodeEmitter;
@@ -3131,6 +3210,12 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     function WPFXamlCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
+        if (a == null || isNaN_(a)) {
+            return "";
+        }
+        return timeSpanFromMilliseconds(a).toString();
+    };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return false;
     };
@@ -3144,10 +3229,10 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_y = function () {
         return false;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.aq = function (a, b) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ar = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -3161,20 +3246,20 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return d;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a, b, c) {
-        _super.prototype.a8.call(this, a, b, c);
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function (a, b, c) {
+        _super.prototype.ba.call(this, a, b, c);
         this.h.l("<ig:" + a + "");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bm = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function () {
         this.h.l(">");
         this.h.h();
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bj = function (a) {
         this.h.f();
         this.h.l("</ig:" + a + ">");
-        _super.prototype.bh.call(this, a);
+        _super.prototype.bj.call(this, a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.be = function (a, b, c, d) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bg = 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) {
@@ -3183,7 +3268,7 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                 this.h.j(b);
                 this.h.j("=");
                 this.h.j("\"");
-                this.h.j("{}" + this.a0(d, c, true));
+                this.h.j("{}" + this.a1(d, c, true));
                 this.h.j("\"");
                 return;
             }
@@ -3194,10 +3279,10 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         this.h.j(b);
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.a0(d, c, true));
+        this.h.j(this.a1(d, c, true));
         this.h.j("\"");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ad = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -3207,25 +3292,25 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return b.b;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function () {
         return "{x:Null}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
         return "{Binding ElementName=" + a.a.e + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bo = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bq = function (a) {
         a = stringReplace(a, "-", "_");
         return CodeGeneratingComponentRenderer.d5(a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
-        this.bn(a);
-        return "{Binding " + this.bo(a.a.e) + "}";
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
+        this.bp(a);
+        return "{Binding " + this.bq(a.a.e) + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bf = function (a, b, c, d) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.bh = function (a, b, c, d) {
         var e_10, _a;
         this.h.j("<ig:");
         {
-            this.h.j(this.an);
+            this.h.j(this.ao);
             this.h.j(".");
         }
         this.h.j(b);
@@ -3267,13 +3352,13 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         this.h.f();
         this.h.j("</ig:");
         {
-            this.h.j(this.an);
+            this.h.j(this.ao);
             this.h.j(".");
         }
         this.h.j(b);
         this.h.l(">");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_a4 = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_a5 = function () {
         return "Xam";
     };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFXamlCodeGeneratingComponentRendererCodeEmitter, 'WPFXamlCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -3288,6 +3373,12 @@ var WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
     function WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
+    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
+        if (a == null || isNaN_(a)) {
+            return "";
+        }
+        return;
+    };
     WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return true;
     };
@@ -3301,7 +3392,7 @@ var WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
     WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.i = function (a, b) {
         return new WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b);
     };
-    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_x = function () {
+    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_y = function () {
         return false;
     };
     WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -3414,6 +3505,43 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
     CodeGeneratingComponentRenderer.prototype.aq = function () {
         return true;
     };
+    CodeGeneratingComponentRenderer.prototype.bo = function (a) {
+        var b = a.g;
+        return b == null ? { $type: Point_$type, x: NaN, y: NaN } : { $type: Point_$type, x: b.x, y: b.y };
+    };
+    CodeGeneratingComponentRenderer.prototype.bp = function (a) {
+        var b = a.g;
+        return b == null ? Rect.empty : new Rect(0, b.left, b.top, b.width, b.height);
+    };
+    CodeGeneratingComponentRenderer.prototype.bq = function (a) {
+        var b = a.g;
+        return b == null ? new Size(1, NaN, NaN) : new Size(1, b.width, b.height);
+    };
+    CodeGeneratingComponentRenderer.prototype.bs = function (a) {
+        var b = a.g;
+        if (typeof b === 'number') {
+            return typeGetValue(b);
+        }
+        if (typeof b === 'number') {
+            return b;
+        }
+        if (typeof b === 'string') {
+            return parseFloat(b);
+        }
+        return NaN;
+    };
+    CodeGeneratingComponentRenderer.prototype.b6 = function (a) {
+        if (a == null) {
+            return null;
+        }
+        return Brush.create(a);
+    };
+    CodeGeneratingComponentRenderer.prototype.b7 = function (a) {
+        if (a == null) {
+            return null;
+        }
+        return Brush.create(a).color;
+    };
     CodeGeneratingComponentRenderer.prototype.ad = function (a) {
         _super.prototype.ad.call(this, a);
         this.d0 = a;
@@ -3731,10 +3859,10 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
                 i.u(j, true);
                 var k = j.toString();
                 b.addContainerResult(this.id, k);
-                j.ba(e);
-                j.bd(f);
-                j.a9(g);
-                j.bb(a, h);
+                j.bc(e);
+                j.bf(f);
+                j.bb(g);
+                j.bd(a, h);
             }
         }
         catch (e_14_1) {
@@ -3847,31 +3975,31 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = this.m();
         if (b) {
             var d = this.p();
-            a.a2 = d;
+            a.a3 = d;
         }
         var e = false;
         var f = false;
         if (this.f.containsKey("Name")) {
             e = true;
-            a.bl(this.f.item("Name").c);
+            a.bn(this.f.item("Name").c);
         }
         else if (this.f.containsKey("name")) {
             e = true;
-            a.bl(this.f.item("name").c);
+            a.bn(this.f.item("name").c);
         }
         else {
             if (b && this.t != null) {
                 e = true;
-                a.bl(this.t);
+                a.bn(this.t);
             }
             else if (this.e(this.c, a)) {
                 f = true;
-                a.bk(c);
-                if (a.x) {
+                a.bm(c);
+                if (a.y) {
                     this.g.add("name");
                     this.f.addItem("name", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.am;
+                        $ret.c = a.an;
                         return $ret;
                     })()));
                 }
@@ -3879,13 +4007,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.g.add("Name");
                     this.f.addItem("Name", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.am;
+                        $ret.c = a.an;
                         return $ret;
                     })()));
                 }
             }
         }
-        a.a8(this.q(), this.j, this.c);
+        a.ba(this.q(), this.j, this.c);
         var g = 0;
         try {
             for (var _c = __values(fromEnum(this.g)), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -3895,7 +4023,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (this.d(a, h, i)) {
-                    a.be(g, h, i, this.c);
+                    a.bg(g, h, i, this.c);
                     g++;
                 }
             }
@@ -3913,7 +4041,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_15.error;
             }
         }
-        a.bm();
+        a.bo();
         var j = 0;
         try {
             for (var _e = __values(fromEnum(this.g)), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -3923,7 +4051,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (!this.d(a, k, l)) {
-                    a.bf(j, k, l, this.c);
+                    a.bh(j, k, l, this.c);
                     j++;
                 }
             }
@@ -3941,14 +4069,14 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_16.error;
             }
         }
-        a.bg(j);
-        a.bh(c);
+        a.bi(j);
+        a.bj(c);
         if (e) {
-            a.bj();
+            a.bl();
         }
         else {
             if (f) {
-                a.bi();
+                a.bk();
             }
         }
     };
@@ -3996,7 +4124,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case 23: return true;
             case 9:
-                if (a.v(this.c, c)) {
+                if (a.w(this.c, c)) {
                     return true;
                 }
                 return false;
@@ -4008,7 +4136,7 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             case 3: return true;
             case 19: return true;
             case 8:
-                if (a.v(this.c, c)) {
+                if (a.w(this.c, c)) {
                     return true;
                 }
                 if (c.b.specificExternalType == "string") {
@@ -4064,6 +4192,9 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
             return d + i.specificExternalType + e;
         }
         else {
+            if (c.getMetadata(b, "__skipSuffix") != null) {
+                return d + b;
+            }
             return d + b + e;
         }
     };
@@ -4079,6 +4210,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 return c[c.length - 2].toLowerCase();
             }
         }
+        if (this.b == 1 || this.b == 3 || this.b == 2 || this.b == 5) {
+            a = this.c.getMetadata(this.j, "__packageNameWC");
+            if (a != null) {
+                var d = a.specificExternalType;
+                return d;
+            }
+        }
         if (this.j == "Legend" || this.j == "ItemLegend") {
             return "charts";
         }