igniteui-angular-core 14.0.0 → 14.1.0

package/esm5/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -40,16 +40,16 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         var _this = _super.call(this) || this;
         _this.k = null;
         _this.i = null;
-        _this.s = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
+        _this.t = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
         _this.d = null;
         _this.a = null;
         _this.c = null;
         _this.b = null;
-        _this.t = new List$1(String_$type, 0);
-        _this.w = new Stack$1(String_$type);
-        _this.u = new Stack$1(String_$type);
-        _this.v = new Stack$1(Boolean_$type);
-        _this.ap = null;
+        _this.u = new List$1(String_$type, 0);
+        _this.x = new Stack$1(String_$type);
+        _this.v = new Stack$1(String_$type);
+        _this.w = new Stack$1(Boolean_$type);
+        _this.aq = null;
         _this.k = a;
         _this.i = b;
         _this.d = new CodeGeneratingCodeWriter(_this.k);
@@ -58,8 +58,8 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         _this.b = new CodeGeneratingCodeWriter(_this.k);
         return _this;
     }
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function (a) {
-        this.i.ab(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
+        this.i.ae(a);
     };
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "j", {
         get: function () {
@@ -96,8 +96,8 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.as = function (a) {
-        this.t.add(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
+        this.u.add(a);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.n = function (a) {
         if (a.b != null && (a.b.knownType == 20 || a.b.knownType == 19 || a.b.knownType == 18)) {
@@ -107,43 +107,51 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ad", {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.p = function (a) {
+        if (a.b != null && (a.b.knownType == 19)) {
+            if (a.a != null) {
+                return true;
+            }
+        }
+        return false;
+    };
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ae", {
         get: function () {
-            return this.w.d();
+            return this.x.d();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        this.w.h(a);
-    };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        this.x.h(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
-        this.w.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
+        this.x.e();
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
-        this.az(a, b, c, d);
+    };
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
+        this.a0(a, b, c, d);
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.toString = function () {
         return this.d.toString();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
         return "null";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b) {
         if (a.b == null) {
             return a.c;
         }
         if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
-            a.c = this.x(a);
+            a.c = this.y(a);
         }
         switch (a.b.knownType) {
-            case 10: return this.ae(a);
+            case 10: return this.af(a);
             case 7: return a.c ? "true" : "false";
-            case 4: return this.z(a);
+            case 4: return this.aa(a);
             case 6:
                 {
                     var c = "";
@@ -152,13 +160,13 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                         if (e >= 1) {
                             c += " ";
                         }
-                        c += this.y(d.item(e));
+                        c += this.z(d.item(e));
                     }
                     return c;
                 }
                 break;
             case 9: throw new NotSupportedException(1, "shouldn't get here");
-            case 5: return this.ab(a);
+            case 5: return this.ac(a);
             case 16:
                 {
                     var f = "";
@@ -167,44 +175,44 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                         if (h >= 1) {
                             f += " ";
                         }
-                        f += this.aa(g.item(h));
+                        f += this.ab(g.item(h));
                     }
                     return f;
                 }
                 break;
             case 20:
                 if (a.a != null) {
-                    return this.an(a);
+                    return this.ao(a);
                 }
                 if (a.c == null) {
-                    return this.al();
+                    return this.am();
                 }
                 break;
             case 15: throw new NotSupportedException(1, "need to figure this out");
             case 3: throw new NotSupportedException(1, "need to figure this out");
             case 19:
                 if (a.a != null) {
-                    return this.ai(a);
+                    return this.aj(a);
                 }
                 else {
-                    return this.al();
+                    return this.am();
                 }
                 break;
             case 8:
                 if (a.b.specificExternalType == "string") {
-                    return this.ah(a);
+                    return this.ai(a);
                 }
                 if (a.a != null) {
-                    return this.aj(a);
+                    return this.ak(a);
                 }
                 throw new NotSupportedException(1, "shouldn't get here");
             case 13: throw new NotSupportedException(1, "shouldn't get here");
             case 18:
                 if (a.a != null) {
-                    return this.ak(a);
+                    return this.al(a);
                 }
                 else {
-                    return this.al();
+                    return this.am();
                 }
                 break;
             case 1: return a.c.toString();
@@ -223,7 +231,7 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
                     var k = a.c;
                     return k.width + ", " + k.height;
                 }
-            case 2: return a.c != null ? a.c.toString() : this.al();
+            case 2: return a.c != null ? a.c.toString() : this.am();
             case 21: return a.c.toString();
             case 17:
                 if (a.c == null) {
@@ -237,22 +245,22 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
         return a.c;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ao = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             if (a.a.a) {
-                return this.ag(a);
+                return this.ah(a);
             }
             else {
-                return this.am(a);
+                return this.an(a);
             }
         }
-        return this.al();
+        return this.am();
     };
     CodeGeneratingComponentRendererCodeEmitter.prototype.o = function (a) {
         if (a.a != null && !stringIsNullOrEmpty(a.a.e)) {
@@ -262,122 +270,122 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         }
         return false;
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         return "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ak = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
             return a.a.e;
         }
-        return this.al();
+        return this.am();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
         return a.c != null ? a.c.toString() : "";
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ak = function (a) {
-        return this.ai(a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.al = function (a) {
+        return this.aj(a);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a7(a);
+            this.a8(a);
             return a.a.e;
         }
-        return this.al();
+        return this.am();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return false;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "q", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
         get: function () {
-            return this.get_q();
+            return this.get_r();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ab = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ac = function (a) {
         var b = a.c;
-        return ColorUtil.i(b, this.q);
+        return ColorUtil.i(b, this.r);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aa = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ab = function (a) {
         var b = a;
-        return ColorUtil.i(b, this.q);
+        return ColorUtil.i(b, this.r);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.z = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aa = function (a) {
         if (a.c == null) {
             return "";
         }
         var b = a.c;
-        return ColorUtil.i(b.color, this.q);
+        return ColorUtil.i(b.color, this.r);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.z = function (a) {
         if (a == null) {
             return "";
         }
         var b = a;
-        return ColorUtil.i(b.color, this.q);
+        return ColorUtil.i(b.color, this.r);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
-        this.u.h(a);
-        this.v.h(false);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function (a) {
+        this.v.h(a);
+        this.w.h(false);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function (a) {
-        var b = this.af(a);
-        this.u.h(b);
-        this.v.h(true);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a5 = function (a) {
+        var b = this.ag(a);
+        this.v.h(b);
+        this.w.h(true);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
-        var b = stringReplace(stringReplace(a, this.aq, ""), "Component", "");
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+        var b = stringReplace(stringReplace(a, this.ar, ""), "Component", "");
         b = CodeGeneratingComponentRenderer.dp(b);
-        return this.i.s(b);
+        return this.i.u(b);
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function () {
-        this.u.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function () {
         this.v.e();
+        this.w.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
         return "";
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "aq", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ar", {
         get: function () {
-            return this.get_aq();
+            return this.get_ar();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ac", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "ad", {
         get: function () {
-            if (this.u.f > 0) {
-                return this.u.d();
+            if (this.v.f > 0) {
+                return this.v.d();
             }
-            var a = stringReplace(stringReplace(this.ad, this.aq, ""), "Component", "");
+            var a = stringReplace(stringReplace(this.ae, this.ar, ""), "Component", "");
             return CodeGeneratingComponentRenderer.dp(a);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "p", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "q", {
         get: function () {
-            return this.w.f == 1;
+            return this.x.f == 1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "l", {
         get: function () {
-            if (this.v.f == 0) {
+            if (this.w.f == 0) {
                 return false;
             }
-            return this.v.d();
+            return this.w.d();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "m", {
         get: function () {
-            if (this.u.f > 0) {
+            if (this.v.f > 0) {
                 return true;
             }
             return false;
@@ -385,43 +393,43 @@ var CodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (fu
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
         return true;
     };
-    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "r", {
+    Object.defineProperty(CodeGeneratingComponentRendererCodeEmitter.prototype, "s", {
         get: function () {
-            return this.get_r();
+            return this.get_s();
         },
         enumerable: false,
         configurable: true
     });
-    CodeGeneratingComponentRendererCodeEmitter.prototype.a3 = function () {
-        this.u.e();
+    CodeGeneratingComponentRendererCodeEmitter.prototype.a4 = function () {
+        this.v.e();
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a) {
         var b = this.f.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a) {
         var b = this.g.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.av = function (a) {
         var b = this.e.toString();
         if (b.length > 0) {
             a.l(b);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.aw = function (a) {
-        if (this.t.count > 0) {
-            this.ax(this.t, a);
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a) {
+        if (this.u.count > 0) {
+            this.ay(this.u, a);
         }
     };
-    CodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a, b) {
+    CodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
     };
     CodeGeneratingComponentRendererCodeEmitter.$t = markType(CodeGeneratingComponentRendererCodeEmitter, 'CodeGeneratingComponentRendererCodeEmitter');
     return CodeGeneratingComponentRendererCodeEmitter;
@@ -434,15 +442,15 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, _super);
     function BlazorRazorCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.ba = 0;
-        _this.a8 = new HashSet$1(String_$type, 0);
+        _this.bb = 0;
         _this.a9 = new HashSet$1(String_$type, 0);
+        _this.ba = new HashSet$1(String_$type, 0);
         return _this;
     }
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
         return false;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a, b) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a, b) {
         if (b.c == null) {
             return "null";
         }
@@ -457,9 +465,9 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         d += " })";
         return d;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         if (a.b.specificExternalType == "string") {
-            return this.bb(a.b.specificExternalType, a);
+            return this.bc(a.b.specificExternalType, a);
         }
         if (a.c == null) {
             return "null";
@@ -474,38 +482,38 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return c;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        _super.prototype.at.call(this, a);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        _super.prototype.au.call(this, a);
         this.h.k("<" + a + "");
-        if (!this.a8.contains(this.ac)) {
-            this.a8.add_1(this.ac);
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                this.as(this.ad);
+        if (!this.a9.contains(this.ad)) {
+            this.a9.add_1(this.ad);
+            if (!this.ba.contains(this.ae)) {
+                this.ba.add_1(this.ae);
+                this.at(this.ae);
             }
-            this.f.k("private " + this.ad + " " + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+            this.f.k("private " + this.ae + " " + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
             if (!this.m) {
-                if (this.p) {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                if (this.q) {
+                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
                 }
             }
             else {
-                this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
         this.h.k(">");
         this.h.h();
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
         this.h.f();
         this.h.k("</" + a + ">");
-        _super.prototype.a1.call(this, a);
+        _super.prototype.a2.call(this, a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
         if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
-            this.a7(c);
+            this.a8(c);
             if (a > 0) {
                 this.h.k("");
             }
@@ -518,29 +526,29 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             return;
         }
         if (this.o(c)) {
-            this.a7(c);
-            if (!this.a8.contains(this.ac)) {
-                this.a8.add_1(this.ac);
-                if (!this.a9.contains(this.ad)) {
-                    this.a9.add_1(this.ad);
-                    this.as(this.ad);
-                }
-                this.f.k("private " + this.ad + " " + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+            this.a8(c);
+            if (!this.a9.contains(this.ad)) {
+                this.a9.add_1(this.ad);
+                if (!this.ba.contains(this.ae)) {
+                    this.ba.add_1(this.ae);
+                    this.at(this.ae);
+                }
+                this.f.k("private " + this.ae + " " + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
                 if (!this.m) {
-                    if (this.p) {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                    if (this.q) {
+                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
                     }
                 }
                 else {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + ";");
+                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + ";");
                 }
             }
-            var e = CodeGeneratingComponentRenderer.dp(this.ao(c, true));
+            var e = CodeGeneratingComponentRenderer.dp(this.ap(c, true));
             var f = e;
             if (f != "null" && !stringStartsWith(f, "this.")) {
                 f = "this." + f;
             }
-            this.e.k(CodeGeneratingComponentRenderer.dp(this.ac) + "." + b + " = " + f + ";");
+            this.e.k(CodeGeneratingComponentRenderer.dp(this.ad) + "." + b + " = " + f + ";");
             return;
         }
         if (a > 0) {
@@ -554,19 +562,56 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             this.h.j(b);
             this.h.j("=");
             this.h.j("\"");
-            this.h.j(this.ao(c, true));
+            this.h.j(this.ap(c, true));
             this.h.j("\"");
         }
         if (b == "Name") {
             this.h.k("");
-            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.dp(this.ao(c, true)) + "\"");
+            this.h.j("@ref=\"" + CodeGeneratingComponentRenderer.dp(this.ap(c, true)) + "\"");
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
         var b = a.b != null ? a.b.specificType + "." : "";
         return b + (a.c != null ? a.c.toString() : "");
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ap = function (a, b) {
+        if (a.b == null) {
+            return a.c;
+        }
+        if (typeCast(CodeGenerationSpecialValue.$, a.c) !== null) {
+            a.c = this.y(a);
+        }
+        switch (a.b.knownType) {
+            case 11:
+                {
+                    var c = a.c;
+                    return "@(new Point(" + c.x + ", " + c.y + "))";
+                }
+            case 14:
+                {
+                    var d = a.c;
+                    return "@(new Rect(" + d.left + ", " + d.top + ", " + d.width + ", " + d.height + "))";
+                }
+            case 12:
+                {
+                    var e = a.c;
+                    return "@(new Size(" + e.width + ", " + e.height + "))";
+                }
+            case 17:
+                if (a.c == null) {
+                    return "null";
+                }
+                if (typeof a.c === 'string') {
+                    return "@(\"" + a.c.toString() + "\")";
+                }
+                if (typeCast(Boolean_$type, a.c) !== null) {
+                    return a.c ? "true" : "false";
+                }
+                return a.c.toString();
+        }
+        return _super.prototype.ap.call(this, a, b);
+    };
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -576,21 +621,21 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
         return "@null";
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         return CodeGeneratingComponentRenderer.dp(CodeGeneratingComponentRenderer.dp(a.a.e));
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.bd = function (a) {
         a = stringReplace(a, "-", "_");
         return CodeGeneratingComponentRenderer.dq(a);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        this.a7(a);
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
+        this.a8(a);
         return CodeGeneratingComponentRenderer.dq(a.a.e);
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
         var e_1, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -626,7 +671,7 @@ var BlazorRazorCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
         }
     };
-    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+    BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
         return "Igb";
     };
     BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -641,7 +686,7 @@ var BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /
     function BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
         return false;
     };
     BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'BlazorCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -655,11 +700,11 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
     __extends(ReactMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function ReactMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.a8 = new HashSet$1(String_$type, 0);
         _this.a9 = new HashSet$1(String_$type, 0);
+        _this.ba = new HashSet$1(String_$type, 0);
         return _this;
     }
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         if (a.c == null) {
             return "{null}";
         }
@@ -674,43 +719,43 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         c += "]";
         return c;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return true;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
         return "Igr";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        _super.prototype.at.call(this, a);
-        this.h.k("<" + this.bb(a) + "");
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        _super.prototype.au.call(this, a);
+        this.h.k("<" + this.bc(a) + "");
         this.h.h();
-        if (!this.a8.contains(this.ac)) {
-            this.a8.add_1(this.ac);
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                this.as(this.ad);
-            }
-            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + ": " + this.ad);
-            if (this.p) {
-                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + "Ref(r: " + this.ad + ") {");
+        if (!this.ba.contains(this.ae)) {
+            this.ba.add_1(this.ae);
+            this.at(this.ae);
+        }
+        if (!this.a9.contains(this.ad)) {
+            this.a9.add_1(this.ad);
+            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
+            if (this.q) {
+                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref(r: " + this.ae + ") {");
                 this.f.h();
-                this.f.k("this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = r;");
+                this.f.k("this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = r;");
                 this.f.k("this.setState({});");
                 this.f.f();
                 this.f.k("}");
-                this.g.k("this." + CodeGeneratingComponentRenderer.dp(this.ac) + "Ref = " + "this." + CodeGeneratingComponentRenderer.dp(this.ac) + "Ref.bind(this);");
+                this.g.k("this." + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref = " + "this." + CodeGeneratingComponentRenderer.dp(this.ad) + "Ref.bind(this);");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
         return CodeGeneratingComponentRenderer.dq(a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
-        if (!this.p && !this.m) {
-            var a = this.ba();
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
+        if (!this.q && !this.m) {
+            var a = this.bb();
             this.h.k("");
             this.h.k("name=\"" + a + "\"");
         }
@@ -718,31 +763,31 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         this.h.k(">");
         this.h.h();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ba = function () {
-        var a = CodeGeneratingComponentRenderer.dp(stringReplace(stringReplace(this.ad, this.aq, ""), "Component", ""));
-        a = this.j.r(a);
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function () {
+        var a = CodeGeneratingComponentRenderer.dp(stringReplace(stringReplace(this.ae, this.ar, ""), "Component", ""));
+        a = this.j.t(a);
         return a;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a7(a);
-            if (!this.a8.contains(a.a.e)) {
+            this.a8(a);
+            if (!this.a9.contains(a.a.e)) {
                 this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
             }
             return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        return this.al();
+        return this.am();
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
         this.h.f();
-        this.h.k("</" + this.bb(a) + ">");
-        _super.prototype.a1.call(this, a);
+        this.h.k("</" + this.bc(a) + ">");
+        _super.prototype.a2.call(this, a);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
         var e = CodeGeneratingComponentRenderer.dp(b);
-        var f = this.ao(c, true);
+        var f = this.ap(c, true);
         if (c.b != null && d.h(c.b.owningType, CodeGeneratingComponentRenderer.dq(c.b.propertyName)) && this.n(c)) {
-            this.a7(c);
+            this.a8(c);
             if (a > 0) {
                 this.h.k("");
             }
@@ -754,10 +799,10 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
             return;
         }
-        if (!(e == "name") || !this.p) {
+        if (!(e == "name") || !this.q) {
             var g = (c.b != null && c.b.knownType == 10);
             if (this.n(c) || g) {
-                this.a7(c);
+                this.a8(c);
                 f = "{" + f + "}";
             }
             if (a > 0) {
@@ -775,15 +820,15 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             a++;
         }
         if (e == "name") {
-            if (this.p) {
+            if (this.q) {
                 if (a > 0) {
                     this.h.k("");
                 }
-                this.h.j("ref={this." + CodeGeneratingComponentRenderer.dp(this.ao(c, true)) + "Ref}");
+                this.h.j("ref={this." + CodeGeneratingComponentRenderer.dp(this.ap(c, true)) + "Ref}");
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -793,16 +838,16 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
         }
         return b.b;
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
         return "null";
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
         return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
         var e_2, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -838,13 +883,13 @@ var ReactMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__P
             }
         }
     };
-    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a, b) {
+    ReactMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
         var e_3, _a;
-        _super.prototype.ax.call(this, a, b);
+        _super.prototype.ay.call(this, a, b);
         try {
             for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var c = _c.value;
-                b.addPackageImport("igniteui-react-" + this.ap, c);
+                b.addPackageImport("igniteui-react-" + this.aq, c);
             }
         }
         catch (e_3_1) {
@@ -884,12 +929,12 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
     __extends(WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter, _super);
     function WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter(a, b) {
         var _this = _super.call(this, a, b) || this;
-        _this.ba = 0;
-        _this.a8 = new HashSet$1(String_$type, 0);
+        _this.bb = 0;
         _this.a9 = new HashSet$1(String_$type, 0);
+        _this.ba = new HashSet$1(String_$type, 0);
         return _this;
     }
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -903,54 +948,54 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return c;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return true;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        _super.prototype.at.call(this, a);
-        this.h.k("<" + this.bb(a) + "");
-        if (!this.a8.contains(this.ac)) {
-            this.a8.add_1(this.ac);
-            if (!this.a9.contains(this.ad)) {
-                this.a9.add_1(this.ad);
-                this.as(this.ad);
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        _super.prototype.au.call(this, a);
+        this.h.k("<" + this.bc(a) + "");
+        if (!this.a9.contains(this.ad)) {
+            this.a9.add_1(this.ad);
+            if (!this.ba.contains(this.ae)) {
+                this.ba.add_1(this.ae);
+                this.at(this.ae);
             }
-            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + ": " + this.ad);
+            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
             if (!this.m) {
-                if (this.p) {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ad, "Component", "")) + "') as " + this.ad + ";");
+                if (this.q) {
+                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ae, "Component", "")) + "') as " + this.ae + ";");
                 }
             }
             else {
-                this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.getElementById('" + this.ac + "') as " + this.ad + ";");
+                this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.getElementById('" + this.ad + "') as " + this.ae + ";");
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bb = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
         return CodeGeneratingComponentRenderer.dr(a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
         this.h.k(">");
         this.h.h();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
         this.h.f();
-        this.h.k("</" + this.bb(a) + ">");
-        _super.prototype.a1.call(this, a);
+        this.h.k("</" + this.bc(a) + ">");
+        _super.prototype.a2.call(this, a);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
         return "Igc";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ax = function (a, b) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
         var e_4, _a;
-        _super.prototype.ax.call(this, a, b);
+        _super.prototype.ay.call(this, a, b);
         try {
             for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var c = _c.value;
-                b.addPackageImport("igniteui-webcomponents-" + this.ap, c);
+                b.addPackageImport("igniteui-webcomponents-" + this.aq, c);
             }
         }
         catch (e_4_1) {
@@ -967,32 +1012,32 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
             }
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
         var e = CodeGeneratingComponentRenderer.dp(b);
         if (this.n(c)) {
-            this.a7(c);
-            if (!this.a8.contains(this.ac)) {
-                this.a8.add_1(this.ac);
-                if (!this.a9.contains(this.ad)) {
-                    this.a9.add_1(this.ad);
-                    this.as(this.ad);
-                }
-                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ac) + ": " + this.ad);
+            this.a8(c);
+            if (!this.a9.contains(this.ad)) {
+                this.a9.add_1(this.ad);
+                if (!this.ba.contains(this.ae)) {
+                    this.ba.add_1(this.ae);
+                    this.at(this.ae);
+                }
+                this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
                 if (!this.m) {
-                    if (this.p) {
-                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ad, "Component", "")) + "') as " + this.ad + ";");
+                    if (this.q) {
+                        this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.querySelector('" + CodeGeneratingComponentRenderer.dr(stringReplace(this.ae, "Component", "")) + "') as " + this.ae + ";");
                     }
                 }
                 else {
-                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ac) + " = this." + CodeGeneratingComponentRenderer.dp(this.ac) + " = document.getElementById('" + this.ac + "') as " + this.ad + ";");
+                    this.g.k("var " + CodeGeneratingComponentRenderer.dp(this.ad) + " = this." + CodeGeneratingComponentRenderer.dp(this.ad) + " = document.getElementById('" + this.ad + "') as " + this.ae + ";");
                 }
             }
-            var f = CodeGeneratingComponentRenderer.dp(this.ao(c, true));
+            var f = CodeGeneratingComponentRenderer.dp(this.ap(c, true));
             var g = f;
             if (g != "null" && !stringStartsWith(g, "this.")) {
                 g = "this." + g;
             }
-            this.e.k(CodeGeneratingComponentRenderer.dp(this.ac) + "." + e + " = " + g);
+            this.e.k(CodeGeneratingComponentRenderer.dp(this.ad) + "." + e + " = " + g);
             return;
         }
         if (a > 0) {
@@ -1001,14 +1046,14 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         this.h.j(CodeGeneratingComponentRenderer.dr(e));
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.ao(c, true));
+        this.h.j(this.ap(c, true));
         this.h.j("\"");
         if (e == "name") {
             this.h.k("");
-            this.h.j("id =\"" + this.ao(c, true) + "\"");
+            this.h.j("id =\"" + this.ap(c, true) + "\"");
         }
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1018,26 +1063,26 @@ var WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter = /** @class *
         }
         return b.b;
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
         return "null";
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
         return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a7(a);
-            if (!this.a8.contains(a.a.e)) {
+            this.a8(a);
+            if (!this.a9.contains(a.a.e)) {
                 this.g.k("this." + CodeGeneratingComponentRenderer.dp(a.a.e) + " = " + "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + ".bind(this);");
             }
             return "this." + CodeGeneratingComponentRenderer.dp(a.a.e);
         }
-        return this.al();
+        return this.am();
     };
-    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
+    WebComponentsMarkupCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
         var e_5, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
@@ -1184,25 +1229,25 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         }
         this.g.k("private " + this.ao(a) + ": " + f + " = " + g + ";");
         if (b == 2 || (c != null && c.isAsync)) {
-            this.g.k("private " + this.ao(a) + "_fetching: boolean = false;");
+            this.g.k("private " + this.ao(a) + "Fetching: boolean = false;");
         }
         this.g.k("public get " + this.u(a) + "(): " + f + " {");
         this.g.h();
         if (c != null && c.isAsync) {
-            this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "_fetching)");
+            this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
             this.g.k("{");
             this.g.h();
-            this.g.k("this." + this.ao(a) + "_fetching = true;");
+            this.g.k("this." + this.ao(a) + "Fetching = true;");
             this.g.k("( async () => { this." + this.ao(a) + " = await (await " + this.v(a, false) + ".fetch()); " + e + " })();");
             this.g.f();
             this.g.k("}");
         }
         else {
             if (b == 2) {
-                this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "_fetching)");
+                this.g.k("if (this." + this.ao(a) + " == null && !this." + this.ao(a) + "Fetching)");
                 this.g.k("{");
                 this.g.h();
-                this.g.k(this.ao(a) + "_fetching = true;");
+                this.g.k(this.ao(a) + "Fetching = true;");
                 this.g.k("( async () => { this." + this.ao(a) + " = await (await fetch('" + d + "')).json(); " + e + " })();");
                 this.g.f();
                 this.g.k("}");
@@ -1401,9 +1446,13 @@ export { TSCodeGeneratingComponentRendererDataEmitter };
 var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(AngularTemplateCodeGeneratingComponentRendererCodeEmitter, _super);
     function AngularTemplateCodeGeneratingComponentRendererCodeEmitter(a, b) {
-        return _super.call(this, a, b) || this;
+        var _this = _super.call(this, a, b) || this;
+        _this.bb = 0;
+        _this.a9 = new HashSet$1(String_$type, 0);
+        _this.ba = new HashSet$1(String_$type, 0);
+        return _this;
     }
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -1417,36 +1466,73 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return c;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_q = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return true;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
         return "Igx";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        _super.prototype.at.call(this, a);
-        this.h.k("<" + this.a8(a) + "");
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        _super.prototype.au.call(this, a);
+        this.h.k("<" + this.bc(a) + "");
+        if (!this.a9.contains(this.ad)) {
+            this.a9.add_1(this.ad);
+            if (!this.ba.contains(this.ae)) {
+                this.ba.add_1(this.ae);
+                this.at(this.ae);
+            }
+            this.f.k("@ViewChild(\"" + CodeGeneratingComponentRenderer.dp(this.ad) + "\", { static: true } )");
+            this.f.k("private " + CodeGeneratingComponentRenderer.dp(this.ad) + ": " + this.ae);
+        }
+    };
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ay = function (a, b) {
+        var e_7, _a;
+        _super.prototype.ay.call(this, a, b);
+        try {
+            for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var c = _c.value;
+                b.addPackageImport("igniteui-angular-" + this.aq, c);
+            }
+        }
+        catch (e_7_1) {
+            e_7 = { error: e_7_1 };
+        }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return))
+                    _a.call(_b);
+            }
+            finally {
+                if (e_7)
+                    throw e_7.error;
+            }
+        }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.bc = function (a) {
         if (stringEndsWith(a, "Component")) {
             a = a.substr(0, a.length - ("Component").length);
         }
         return CodeGeneratingComponentRenderer.dr(a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
         this.h.k(">");
         this.h.h();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
         this.h.f();
-        this.h.k("</" + this.a8(a) + ">");
-        _super.prototype.a1.call(this, a);
+        this.h.k("</" + this.bc(a) + ">");
+        _super.prototype.a2.call(this, a);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
         var e = CodeGeneratingComponentRenderer.dp(b);
         if (this.n(c)) {
-            this.a7(c);
-            e = "[" + e + "]";
+            this.a8(c);
+            if (this.p(c)) {
+                e = "(" + e + ")";
+            }
+            else {
+                e = "[" + e + "]";
+            }
         }
         if (a > 0) {
             this.h.k("");
@@ -1454,21 +1540,21 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         this.h.j(e);
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.ao(c, true));
+        this.h.j(this.ap(c, true));
         this.h.j("\"");
         if (e == "name") {
             this.h.k("");
-            this.h.j("#" + CodeGeneratingComponentRenderer.dp(this.ao(c, true)));
+            this.h.j("#" + CodeGeneratingComponentRenderer.dp(this.ap(c, true)));
         }
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ai = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.aj = function (a) {
         if (!stringIsNullOrEmpty(a.a.e)) {
-            this.a7(a);
+            this.a8(a);
             return "this." + CodeGeneratingComponentRenderer.dp(a.a.e) + "($event)";
         }
-        return this.al();
+        return this.am();
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1478,17 +1564,17 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
         }
         return b.b;
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
         return "null";
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
         return CodeGeneratingComponentRenderer.dp(a.a.e);
     };
-    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
-        var e_7, _a;
+    AngularTemplateCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
+        var e_8, _a;
         if (c.b.knownType == 9) {
             var e = typeCast(IList_$type, c.c);
             if (e != null) {
@@ -1501,8 +1587,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                         }
                     }
                 }
-                catch (e_7_1) {
-                    e_7 = { error: e_7_1 };
+                catch (e_8_1) {
+                    e_8 = { error: e_8_1 };
                 }
                 finally {
                     try {
@@ -1510,8 +1596,8 @@ var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*
                             _a.call(_b);
                     }
                     finally {
-                        if (e_7)
-                            throw e_7.error;
+                        if (e_8)
+                            throw e_8.error;
                     }
                 }
             }
@@ -1588,7 +1674,7 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
         return "_" + CodeGeneratingComponentRenderer.dp(a);
     };
     DotNetCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d, e) {
-        var e_8, _a;
+        var e_9, _a;
         _super.prototype.aj.call(this, a, b, c, d, e);
         var f = this.r(this.v(a, true), this.v(a, false), b, c);
         try {
@@ -1597,8 +1683,8 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                 this.ab(g, d, e);
             }
         }
-        catch (e_8_1) {
-            e_8 = { error: e_8_1 };
+        catch (e_9_1) {
+            e_9 = { error: e_9_1 };
         }
         finally {
             try {
@@ -1606,8 +1692,8 @@ var DotNetCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__
                     _a.call(_b);
             }
             finally {
-                if (e_8)
-                    throw e_8.error;
+                if (e_9)
+                    throw e_9.error;
             }
         }
         d.k("public class " + this.v(a, false));
@@ -1836,10 +1922,10 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
     function WPFXamlCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
         return false;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ae = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.af = function (a) {
         if (a.c == null) {
             return "null";
         }
@@ -1853,20 +1939,20 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return c;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.at = function (a) {
-        _super.prototype.at.call(this, a);
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.au = function (a) {
+        _super.prototype.au.call(this, a);
         this.h.k("<ig:" + a + "");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a6 = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a7 = function () {
         this.h.k(">");
         this.h.h();
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a2 = function (a) {
         this.h.f();
         this.h.k("</ig:" + a + ">");
-        _super.prototype.a1.call(this, a);
+        _super.prototype.a2.call(this, a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.az = function (a, b, c, d) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = 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) {
@@ -1875,7 +1961,7 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                 this.h.j(b);
                 this.h.j("=");
                 this.h.j("\"");
-                this.h.j("{}" + this.ao(c, true));
+                this.h.j("{}" + this.ap(c, true));
                 this.h.j("\"");
                 return;
             }
@@ -1886,10 +1972,10 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         this.h.j(b);
         this.h.j("=");
         this.h.j("\"");
-        this.h.j(this.ao(c, true));
+        this.h.j(this.ap(c, true));
         this.h.j("\"");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.x = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.y = function (a) {
         var b = a.c;
         switch (b.a) {
             case 3: return b.b;
@@ -1899,25 +1985,25 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         }
         return b.b;
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.al = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = function () {
         return "{x:Null}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ag = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.ah = function (a) {
         return "{Binding ElementName=" + a.a.e + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a8 = function (a) {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a9 = function (a) {
         a = stringReplace(a, "-", "_");
         return CodeGeneratingComponentRenderer.dq(a);
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.am = function (a) {
-        this.a7(a);
-        return "{Binding " + this.a8(a.a.e) + "}";
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.an = function (a) {
+        this.a8(a);
+        return "{Binding " + this.a9(a.a.e) + "}";
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a0 = function (a, b, c, d) {
-        var e_9, _a;
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.a1 = function (a, b, c, d) {
+        var e_10, _a;
         this.h.j("<ig:");
         {
-            this.h.j(this.ad);
+            this.h.j(this.ae);
             this.h.j(".");
         }
         this.h.j(b);
@@ -1935,8 +2021,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                         }
                     }
                 }
-                catch (e_9_1) {
-                    e_9 = { error: e_9_1 };
+                catch (e_10_1) {
+                    e_10 = { error: e_10_1 };
                 }
                 finally {
                     try {
@@ -1944,8 +2030,8 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
                             _a.call(_b);
                     }
                     finally {
-                        if (e_9)
-                            throw e_9.error;
+                        if (e_10)
+                            throw e_10.error;
                     }
                 }
             }
@@ -1959,13 +2045,13 @@ var WPFXamlCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE_
         this.h.f();
         this.h.j("</ig:");
         {
-            this.h.j(this.ad);
+            this.h.j(this.ae);
             this.h.j(".");
         }
         this.h.j(b);
         this.h.k(">");
     };
-    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+    WPFXamlCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
         return "Xam";
     };
     WPFXamlCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFXamlCodeGeneratingComponentRendererCodeEmitter, 'WPFXamlCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -1980,7 +2066,7 @@ var WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
     function WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter(a, b) {
         return _super.call(this, a, b) || this;
     }
-    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
+    WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_s = function () {
         return false;
     };
     WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.$t = markType(WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter, 'WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -2157,7 +2243,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
         return null;
     };
     CodeGeneratingComponentRenderer.prototype.emitCode = function (a) {
-        var e_10, _a, e_11, _b, e_12, _c;
+        var e_11, _a, e_12, _b, e_13, _c;
         var b = new CodeGeneratingRendererResult();
         b.platform = this.dj;
         b.generationOptions = this.di;
@@ -2167,7 +2253,7 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                 var d = c;
                 var e = d.id;
                 try {
-                    for (var _f = (e_11 = void 0, __values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
+                    for (var _f = (e_12 = void 0, __values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
                         var f = _g.value;
                         if (f.i("Name") != null) {
                             b.trackDescriptionField(e, f.i("Name"));
@@ -2177,8 +2263,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                         }
                     }
                 }
-                catch (e_11_1) {
-                    e_11 = { error: e_11_1 };
+                catch (e_12_1) {
+                    e_12 = { error: e_12_1 };
                 }
                 finally {
                     try {
@@ -2186,14 +2272,14 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                             _b.call(_f);
                     }
                     finally {
-                        if (e_11)
-                            throw e_11.error;
+                        if (e_12)
+                            throw e_12.error;
                     }
                 }
             }
         }
-        catch (e_10_1) {
-            e_10 = { error: e_10_1 };
+        catch (e_11_1) {
+            e_11 = { error: e_11_1 };
         }
         finally {
             try {
@@ -2201,8 +2287,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _a.call(_d);
             }
             finally {
-                if (e_10)
-                    throw e_10.error;
+                if (e_11)
+                    throw e_11.error;
             }
         }
         try {
@@ -2212,8 +2298,8 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                 h.c(b, this, this.di);
             }
         }
-        catch (e_12_1) {
-            e_12 = { error: e_12_1 };
+        catch (e_13_1) {
+            e_13 = { error: e_13_1 };
         }
         finally {
             try {
@@ -2221,13 +2307,13 @@ var CodeGeneratingComponentRenderer = /** @class */ /*@__PURE__*/ (function (_su
                     _c.call(_h);
             }
             finally {
-                if (e_12)
-                    throw e_12.error;
+                if (e_13)
+                    throw e_13.error;
             }
         }
         if (this.dk != null) {
             var i = this.dg(this.di, b);
-            i.l(this.dk);
+            i.m(this.dk);
         }
         if (this.dm != null) {
             if (typeCast(JsonDictionaryObject.$, this.dm) !== null) {
@@ -2318,7 +2404,7 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     CodeGenerationContainer.prototype.c = function (a, b, c) {
-        var e_13, _a;
+        var e_14, _a;
         var d = new StringBuilder(0);
         var e = new StringBuilder(0);
         var f = new StringBuilder(0);
@@ -2330,14 +2416,14 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
                 h.p(i, true);
                 var j = i.toString();
                 a.addContainerResult(this.id, j);
-                i.av(d);
-                i.ay(e);
-                i.au(f);
-                i.aw(g);
+                i.aw(d);
+                i.az(e);
+                i.av(f);
+                i.ax(g);
             }
         }
-        catch (e_13_1) {
-            e_13 = { error: e_13_1 };
+        catch (e_14_1) {
+            e_14 = { error: e_14_1 };
         }
         finally {
             try {
@@ -2345,8 +2431,8 @@ var CodeGenerationContainer = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_13)
-                    throw e_13.error;
+                if (e_14)
+                    throw e_14.error;
             }
         }
         a.addContainerResult("bindingFields", d.toString());
@@ -2427,31 +2513,31 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
         return null;
     };
     CodeGenerationItemBuilder.prototype.p = function (a, b) {
-        var e_14, _a, e_15, _b;
+        var e_15, _a, e_16, _b;
         var c = this.m();
         if (b) {
             var d = this.n();
-            a.ap = d;
+            a.aq = d;
         }
         var e = false;
         var f = false;
         if (this.f.containsKey("Name")) {
             e = true;
-            a.a5(this.f.item("Name").c);
+            a.a6(this.f.item("Name").c);
         }
         else if (this.f.containsKey("name")) {
             e = true;
-            a.a5(this.f.item("name").c);
+            a.a6(this.f.item("name").c);
         }
         else {
             if (this.e(a)) {
                 f = true;
-                a.a4(c);
-                if (a.r) {
+                a.a5(c);
+                if (a.s) {
                     this.g.add("name");
                     this.f.addItem("name", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.ac;
+                        $ret.c = a.ad;
                         return $ret;
                     })()));
                 }
@@ -2459,13 +2545,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.g.add("Name");
                     this.f.addItem("Name", ((function () {
                         var $ret = new CodeGenerationItemBuilderPropertyInfo();
-                        $ret.c = a.ac;
+                        $ret.c = a.ad;
                         return $ret;
                     })()));
                 }
             }
         }
-        a.at(c);
+        a.au(c);
         var g = 0;
         try {
             for (var _c = __values(fromEnum(this.g)), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -2475,13 +2561,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (this.d(h, i)) {
-                    a.az(g, h, i, this.c);
+                    a.a0(g, h, i, this.c);
                     g++;
                 }
             }
         }
-        catch (e_14_1) {
-            e_14 = { error: e_14_1 };
+        catch (e_15_1) {
+            e_15 = { error: e_15_1 };
         }
         finally {
             try {
@@ -2489,11 +2575,11 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_c);
             }
             finally {
-                if (e_14)
-                    throw e_14.error;
+                if (e_15)
+                    throw e_15.error;
             }
         }
-        a.a6();
+        a.a7();
         var j = 0;
         try {
             for (var _e = __values(fromEnum(this.g)), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -2503,13 +2589,13 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 if (!this.d(k, l)) {
-                    a.a0(j, k, l, this.c);
+                    a.a1(j, k, l, this.c);
                     j++;
                 }
             }
         }
-        catch (e_15_1) {
-            e_15 = { error: e_15_1 };
+        catch (e_16_1) {
+            e_16 = { error: e_16_1 };
         }
         finally {
             try {
@@ -2517,22 +2603,22 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _b.call(_e);
             }
             finally {
-                if (e_15)
-                    throw e_15.error;
+                if (e_16)
+                    throw e_16.error;
             }
         }
-        a.a1(c);
+        a.a2(c);
         if (e) {
-            a.a3();
+            a.a4();
         }
         else {
             if (f) {
-                a.a2();
+                a.a3();
             }
         }
     };
     CodeGenerationItemBuilder.prototype.e = function (a) {
-        var e_16, _a;
+        var e_17, _a;
         try {
             for (var _b = __values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var b = _c.value;
@@ -2542,8 +2628,8 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        catch (e_16_1) {
-            e_16 = { error: e_16_1 };
+        catch (e_17_1) {
+            e_17 = { error: e_17_1 };
         }
         finally {
             try {
@@ -2551,8 +2637,8 @@ var CodeGenerationItemBuilder = /** @class */ /*@__PURE__*/ (function (_super) {
                     _a.call(_b);
             }
             finally {
-                if (e_16)
-                    throw e_16.error;
+                if (e_17)
+                    throw e_17.error;
             }
         }
         return false;