igniteui-angular-core 14.0.0 → 14.1.0

package/bundles/igniteui-angular-core.umd.js

@@ -58899,6 +58899,9 @@
                     if (propertyName.endsWith("Ocurred")) {
                         propertyName = propertyName.replace("Ocurred", "");
                     }
+                    if (propertyName.toLowerCase() == "selectionchanged") {
+                        propertyName = "selection";
+                    }
                     var eventId = "igc" + TypeDescriptionMetadata.toPascal(propertyName);
                     if (value) {
                         target.addEventListener(eventId, value);
@@ -59508,21 +59511,22 @@
         tslib.__extends(CodeGeneratingRendererResult, _super);
         function CodeGeneratingRendererResult() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.n = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
+            _this.p = new List$1(CodeGenerationItemBuilderPropertyInfo.$, 0);
             _this._platform = 0;
             _this._generationOptions = null;
+            _this.k = new Dictionary$2(String_$type, List$1.$.specialize(String_$type), 0);
+            _this.m = new Dictionary$2(String_$type, List$1.$.specialize(CodeGeneratingImportManager.$), 0);
             _this.j = new Dictionary$2(String_$type, List$1.$.specialize(String_$type), 0);
-            _this.l = new Dictionary$2(String_$type, List$1.$.specialize(CodeGeneratingImportManager.$), 0);
-            _this.i = new Dictionary$2(String_$type, List$1.$.specialize(String_$type), 0);
-            _this.g = new Dictionary$2(String_$type, Number_$type, 0);
-            _this.m = new Dictionary$2(String_$type, String_$type, 0);
-            _this.k = new Dictionary$2(String_$type, String_$type, 0);
+            _this.o = new HashSet$1(String_$type, 0);
             _this.h = new Dictionary$2(String_$type, Number_$type, 0);
+            _this.n = new Dictionary$2(String_$type, String_$type, 0);
+            _this.l = new Dictionary$2(String_$type, String_$type, 0);
+            _this.i = new Dictionary$2(String_$type, Number_$type, 0);
             return _this;
         }
-        Object.defineProperty(CodeGeneratingRendererResult.prototype, "q", {
+        Object.defineProperty(CodeGeneratingRendererResult.prototype, "s", {
             get: function () {
-                return this.n;
+                return this.p;
             },
             enumerable: false,
             configurable: true
@@ -59547,32 +59551,35 @@
             enumerable: false,
             configurable: true
         });
+        CodeGeneratingRendererResult.prototype.addPackageRef = function (a) {
+            this.o.add_1(a);
+        };
         CodeGeneratingRendererResult.prototype.addContainerResult = function (a, b) {
-            if (!this.j.containsKey(a)) {
-                this.j.addItem(a, new List$1(String_$type, 0));
+            if (!this.k.containsKey(a)) {
+                this.k.addItem(a, new List$1(String_$type, 0));
             }
-            var c = this.j.item(a);
+            var c = this.k.item(a);
             c.add(b);
         };
         CodeGeneratingRendererResult.prototype.addImportResult = function (a, b) {
-            if (!this.l.containsKey(a)) {
-                this.l.addItem(a, new List$1(CodeGeneratingImportManager.$, 0));
+            if (!this.m.containsKey(a)) {
+                this.m.addItem(a, new List$1(CodeGeneratingImportManager.$, 0));
             }
-            var c = this.l.item(a);
+            var c = this.m.item(a);
             c.add(b);
         };
         CodeGeneratingRendererResult.prototype.addContainerNewFileResult = function (a, b) {
-            if (!this.i.containsKey(a)) {
-                this.i.addItem(a, new List$1(String_$type, 0));
+            if (!this.j.containsKey(a)) {
+                this.j.addItem(a, new List$1(String_$type, 0));
             }
-            var c = this.i.item(a);
+            var c = this.j.item(a);
             c.add(b);
         };
-        CodeGeneratingRendererResult.prototype.getKeys = function () {
+        CodeGeneratingRendererResult.prototype.getPackages = function () {
             var e_1, _a;
             var a = new List$1(String_$type, 0);
             try {
-                for (var _b = tslib.__values(fromEnum(this.j.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib.__values(fromEnum(this.o)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     a.add(b);
                 }
@@ -59592,11 +59599,11 @@
             }
             return a.toArray();
         };
-        CodeGeneratingRendererResult.prototype.getImportsKeys = function () {
+        CodeGeneratingRendererResult.prototype.getKeys = function () {
             var e_2, _a;
             var a = new List$1(String_$type, 0);
             try {
-                for (var _b = tslib.__values(fromEnum(this.l.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib.__values(fromEnum(this.k.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     a.add(b);
                 }
@@ -59616,12 +59623,36 @@
             }
             return a.toArray();
         };
-        CodeGeneratingRendererResult.prototype.getContentForKey = function (a) {
+        CodeGeneratingRendererResult.prototype.getImportsKeys = function () {
             var e_3, _a;
-            if (!this.j.containsKey(a)) {
+            var a = new List$1(String_$type, 0);
+            try {
+                for (var _b = tslib.__values(fromEnum(this.m.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var b = _c.value;
+                    a.add(b);
+                }
+            }
+            catch (e_3_1) {
+                e_3 = { error: e_3_1 };
+            }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return))
+                        _a.call(_b);
+                }
+                finally {
+                    if (e_3)
+                        throw e_3.error;
+                }
+            }
+            return a.toArray();
+        };
+        CodeGeneratingRendererResult.prototype.getContentForKey = function (a) {
+            var e_4, _a;
+            if (!this.k.containsKey(a)) {
                 return "";
             }
-            var b = this.j.item(a);
+            var b = this.k.item(a);
             if (b.count == 1) {
                 return b._inner[0];
             }
@@ -59632,8 +59663,8 @@
                     c += d;
                 }
             }
-            catch (e_3_1) {
-                e_3 = { error: e_3_1 };
+            catch (e_4_1) {
+                e_4 = { error: e_4_1 };
             }
             finally {
                 try {
@@ -59641,41 +59672,41 @@
                         _a.call(_b);
                 }
                 finally {
-                    if (e_3)
-                        throw e_3.error;
+                    if (e_4)
+                        throw e_4.error;
                 }
             }
             return c;
         };
-        CodeGeneratingRendererResult.prototype.o = function (a) {
-            if (!this.l.containsKey(a)) {
+        CodeGeneratingRendererResult.prototype.q = function (a) {
+            if (!this.m.containsKey(a)) {
                 return null;
             }
-            return this.l.item(a);
+            return this.m.item(a);
         };
-        CodeGeneratingRendererResult.prototype.r = function (a) {
-            if (!this.g.containsKey(a)) {
-                this.g.item(a, 1);
+        CodeGeneratingRendererResult.prototype.t = function (a) {
+            if (!this.h.containsKey(a)) {
+                this.h.item(a, 1);
             }
-            var b = this.g.item(a);
+            var b = this.h.item(a);
             var c = a + b;
-            this.g.item(a, b + 1);
+            this.h.item(a, b + 1);
             return c;
         };
-        CodeGeneratingRendererResult.prototype.ab = function (a) {
-            this.n.add(a);
+        CodeGeneratingRendererResult.prototype.ae = function (a) {
+            this.p.add(a);
         };
         CodeGeneratingRendererResult.prototype.getNewFiles = function () {
-            var e_4, _a;
+            var e_5, _a;
             var a = new List$1(String_$type, 0);
             try {
-                for (var _b = tslib.__values(fromEnum(this.i.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib.__values(fromEnum(this.j.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     a.add(b);
                 }
             }
-            catch (e_4_1) {
-                e_4 = { error: e_4_1 };
+            catch (e_5_1) {
+                e_5 = { error: e_5_1 };
             }
             finally {
                 try {
@@ -59683,15 +59714,15 @@
                         _a.call(_b);
                 }
                 finally {
-                    if (e_4)
-                        throw e_4.error;
+                    if (e_5)
+                        throw e_5.error;
                 }
             }
             return a;
         };
         CodeGeneratingRendererResult.prototype.getNewFileContent = function (a) {
-            var e_5, _a;
-            var b = this.i.item(a);
+            var e_6, _a;
+            var b = this.j.item(a);
             var c = "";
             try {
                 for (var _b = tslib.__values(fromEnum(b)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -59699,8 +59730,8 @@
                     c += d;
                 }
             }
-            catch (e_5_1) {
-                e_5 = { error: e_5_1 };
+            catch (e_6_1) {
+                e_6 = { error: e_6_1 };
             }
             finally {
                 try {
@@ -59708,26 +59739,26 @@
                         _a.call(_b);
                 }
                 finally {
-                    if (e_5)
-                        throw e_5.error;
+                    if (e_6)
+                        throw e_6.error;
                 }
             }
             return c;
         };
         CodeGeneratingRendererResult.prototype.defineString = function (a, b) {
-            this.m.item(a, b);
+            this.n.item(a, b);
         };
         CodeGeneratingRendererResult.prototype.getStringNames = function () {
-            var e_6, _a;
+            var e_7, _a;
             var a = new List$1(String_$type, 0);
             try {
-                for (var _b = tslib.__values(fromEnum(this.m.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib.__values(fromEnum(this.n.keys)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     a.add(b);
                 }
             }
-            catch (e_6_1) {
-                e_6 = { error: e_6_1 };
+            catch (e_7_1) {
+                e_7 = { error: e_7_1 };
             }
             finally {
                 try {
@@ -59735,34 +59766,34 @@
                         _a.call(_b);
                 }
                 finally {
-                    if (e_6)
-                        throw e_6.error;
+                    if (e_7)
+                        throw e_7.error;
                 }
             }
             return a.toArray();
         };
         CodeGeneratingRendererResult.prototype.getString = function (a) {
-            return this.m.item(a);
+            return this.n.item(a);
         };
         CodeGeneratingRendererResult.prototype.trackDescriptionField = function (a, b) {
-            this.k.item(a, b);
+            this.l.item(a, b);
         };
         CodeGeneratingRendererResult.prototype.hasDescription = function (a) {
-            return this.k.containsKey(a);
+            return this.l.containsKey(a);
         };
         CodeGeneratingRendererResult.prototype.getDescriptionField = function (a) {
-            return this.k.item(a);
+            return this.l.item(a);
         };
-        CodeGeneratingRendererResult.prototype.s = function (a) {
+        CodeGeneratingRendererResult.prototype.u = function (a) {
             var b = 0;
-            if (!this.h.containsKey(a)) {
-                this.h.addItem(a, b);
+            if (!this.i.containsKey(a)) {
+                this.i.addItem(a, b);
             }
             else {
-                b = this.h.item(a);
+                b = this.i.item(a);
             }
             b++;
-            this.h.item(a, b);
+            this.i.item(a, b);
             return a + b;
         };
         CodeGeneratingRendererResult.$t = markType(CodeGeneratingRendererResult, 'CodeGeneratingRendererResult');
@@ -60772,8 +60803,8 @@
                 }
             }
             var n = new HashSet$1(String_$type, 0);
-            for (var o = 0; o < this.m.q.count; o++) {
-                var p = this.m.q._inner[o];
+            for (var o = 0; o < this.m.s.count; o++) {
+                var p = this.m.s._inner[o];
                 if (p.a != null && p.c == null) {
                     if (this.o.library != null && this.o.library.hasItem(p.a.e)) {
                         if (n.contains(p.a.e)) {
@@ -62034,14 +62065,14 @@
             _this.e = false;
             return _this;
         }
-        DescriptionSerializer.prototype.o = function (a, b) {
+        DescriptionSerializer.prototype.p = function (a, b) {
             var c = DescriptionTreeBuilder.createTree(a, b);
             var d = new DescriptionSerializerBuilder();
-            this.p(a, c, d);
+            this.q(a, c, d);
             return d.toString();
         };
-        DescriptionSerializer.prototype.s = function (a, b, c) {
-            this.p(a, b, c);
+        DescriptionSerializer.prototype.t = function (a, b, c) {
+            this.q(a, b, c);
         };
         DescriptionSerializer.prototype.c = function (a, b) {
             var c = new JsonDictionaryParser();
@@ -62066,7 +62097,7 @@
             this.e = false;
             return g;
         };
-        DescriptionSerializer.prototype.u = function (a, b, c, d, e) {
+        DescriptionSerializer.prototype.v = function (a, b, c, d, e) {
             if (this.g) {
                 a.w(b, c, d, e);
             }
@@ -62130,14 +62161,14 @@
                             break;
                     }
                     if (!this.e) {
-                        this.u(a, h, k, l, q);
+                        this.v(a, h, k, l, q);
                     }
                 }
                 else if (typeCast(JsonDictionaryObject.$, p) !== null) {
                     var r = p;
                     var s = this.b(a, r, l.knownType);
                     f.e(s);
-                    this.u(a, h, k, l, s.result);
+                    this.v(a, h, k, l, s.result);
                 }
                 else if (typeCast(JsonDictionaryArray.$, p) !== null) {
                     var t = p;
@@ -62151,50 +62182,64 @@
                         u = l.collectionElementType;
                     }
                     var w = this.a(f, a, t, u);
+                    if (this.f) {
+                        if (l.propertyName.toLowerCase() == "includedproperties" || l.propertyName.toLowerCase() == "excludedproperties") {
+                            var x = w;
+                            var y = new Array(x.length);
+                            for (var z = 0; z < x.length; z++) {
+                                y[z] = this.n(x[z]);
+                            }
+                            w = y;
+                        }
+                    }
                     if (!this.e || v) {
-                        this.u(a, h, k, l, w);
+                        this.v(a, h, k, l, w);
                     }
                 }
                 else {
-                    var x = l.specificExternalType;
-                    if (x == null && l.knownType == 3) {
-                        x = "DateTime";
+                    var aa = l.specificExternalType;
+                    if (aa == null && l.knownType == 3) {
+                        aa = "DateTime";
                     }
-                    if (x == null) {
-                        x = "String";
+                    if (aa == null) {
+                        aa = "String";
                     }
-                    var y = p;
-                    var z = this.j(f, a, y, x);
+                    var ab = p;
+                    var ac = this.j(f, a, ab, aa);
                     if (this.f) {
-                        if (stringEndsWith(l.propertyName, "MemberPath") || (g != null && stringEndsWith(g, "Axis") && l.propertyName.toLowerCase() == "label")) {
-                            var aa = z.toString();
-                            if (this.i != null) {
-                                z = this.i(aa);
-                            }
-                            else {
-                                if (stringStartsWith(aa, "{")) {
-                                    if (!stringStartsWith(aa, "{[")) {
-                                        aa = aa.substr(1, aa.length - 2);
-                                        aa = "{[" + aa + "]}";
-                                        z = aa;
-                                    }
-                                }
-                                else {
-                                    if (!stringStartsWith(aa, "[")) {
-                                        aa = "[" + aa + "]";
-                                        z = aa;
-                                    }
-                                }
-                            }
+                        if (stringEndsWith(l.propertyName, "MemberPath") || stringEndsWith(l.propertyName.toLowerCase(), "field") || (g != null && stringEndsWith(g, "Axis") && l.propertyName.toLowerCase() == "label")) {
+                            ac = this.n(ac);
                         }
                     }
                     if (!this.e) {
-                        this.u(a, h, k, l, z);
+                        this.v(a, h, k, l, ac);
                     }
                 }
             }
             return f;
         };
+        DescriptionSerializer.prototype.n = function (a) {
+            var b = a.toString();
+            if (this.i != null) {
+                a = this.i(b);
+            }
+            else {
+                if (stringStartsWith(b, "{")) {
+                    if (!stringStartsWith(b, "{[")) {
+                        b = b.substr(1, b.length - 2);
+                        b = "{[" + b + "]}";
+                        a = b;
+                    }
+                }
+                else {
+                    if (!stringStartsWith(b, "[")) {
+                        b = "[" + b + "]";
+                        a = b;
+                    }
+                }
+            }
+            return a;
+        };
         DescriptionSerializer.prototype.k = function (a, b) {
             if (b == null) {
                 return null;
@@ -62313,7 +62358,7 @@
                     return c.value;
             }
         };
-        DescriptionSerializer.prototype.p = function (a, b, c) {
+        DescriptionSerializer.prototype.q = function (a, b, c) {
             c.f("{");
             c.i();
             c.f("\"type\": \"" + b.h + "\"");
@@ -62323,25 +62368,25 @@
                 if (e >= 0) {
                     c.f(",");
                 }
-                this.q(a, b, f, c);
+                this.r(a, b, f, c);
             }
             c.h();
             c.f("}");
         };
-        DescriptionSerializer.prototype.n = function (a) {
+        DescriptionSerializer.prototype.o = function (a) {
             if (a == null) {
                 return null;
             }
             return a.substr(0, 1).toLowerCase() + a.substr(1);
         };
-        DescriptionSerializer.prototype.q = function (a, b, c, d) {
+        DescriptionSerializer.prototype.r = function (a, b, c, d) {
             if (c.c.toLowerCase() == "type") {
                 return;
             }
-            d.e("\"" + this.n(c.c) + "\": ");
-            this.t(a, b, c, c.b, d);
+            d.e("\"" + this.o(c.c) + "\": ");
+            this.u(a, b, c, c.b, d);
         };
-        DescriptionSerializer.prototype.t = function (a, b, c, d, e) {
+        DescriptionSerializer.prototype.u = function (a, b, c, d, e) {
             var f = 2;
             if (c.a != null) {
                 f = c.a.knownType;
@@ -62363,17 +62408,17 @@
                             }
                             var j = h;
                             if (typeCast(DescriptionTreeNode.$, g[i]) !== null) {
-                                this.p(a, g[i], e);
+                                this.q(a, g[i], e);
                             }
                             else {
-                                this.r(a, h, g[i], e);
+                                this.s(a, h, g[i], e);
                             }
                         }
                         e.e("]");
                     }
                     break;
                 case 7:
-                    this.r(a, "Boolean", d, e);
+                    this.s(a, "Boolean", d, e);
                     break;
                 case 9:
                     {
@@ -62386,10 +62431,10 @@
                             }
                             var n = l;
                             if (typeCast(DescriptionTreeNode.$, k[m]) !== null) {
-                                this.p(a, k[m], e);
+                                this.q(a, k[m], e);
                             }
                             else {
-                                this.r(a, l, k[m], e);
+                                this.s(a, l, k[m], e);
                             }
                         }
                         e.e("]");
@@ -62401,29 +62446,29 @@
                 case 20:
                 case 5:
                 case 2:
-                    this.r(a, "String", d, e);
+                    this.s(a, "String", d, e);
                     break;
                 case 3:
-                    this.r(a, "DateTime", d, e);
+                    this.s(a, "DateTime", d, e);
                     break;
                 case 8:
                     if (c.a.specificExternalType.toLowerCase() == "string") {
-                        this.r(a, "String", d, e);
+                        this.s(a, "String", d, e);
                     }
                     else {
-                        this.p(a, d, e);
+                        this.q(a, d, e);
                     }
                     break;
                 case 1:
-                    this.r(a, "Double", d, e);
+                    this.s(a, "Double", d, e);
                     break;
                 case 14:
                 case 12:
                 case 11:
-                    this.p(a, d, e);
+                    this.q(a, d, e);
                     break;
                 case 21:
-                    this.r(a, "TimeSpan", d, e);
+                    this.s(a, "TimeSpan", d, e);
                     break;
                 case 17:
                 case 0:
@@ -62431,7 +62476,7 @@
                 case 13: throw new NotImplementedException(0);
             }
         };
-        DescriptionSerializer.prototype.r = function (a, b, c, d) {
+        DescriptionSerializer.prototype.s = function (a, b, c, d) {
             switch (b.toLowerCase()) {
                 case "string":
                     if (c == null) {
@@ -63286,7 +63331,7 @@
                     }
                     b.e("\"" + h + "\"");
                     b.e(": ");
-                    c.s(this.context, g, b);
+                    c.t(this.context, g, b);
                 }
             }
             catch (e_1_1) {
@@ -65270,8 +65315,8 @@
         });
         CodeGeneratingComponentRendererHandlerEmitter.prototype.j = function () {
             var a = new HashSet$1(String_$type, 0);
-            for (var b = 0; b < this.e.q.count; b++) {
-                var c = this.e.q._inner[b];
+            for (var b = 0; b < this.e.s.count; b++) {
+                var c = this.e.s._inner[b];
                 if (c.a != null && c.c == null) {
                     if (this.g.library != null && this.g.library.hasItem(c.a.e)) {
                         if (a.contains(c.a.e)) {
@@ -65508,18 +65553,25 @@
         tslib.__extends(CodeGeneratingComponentRendererModuleEmitter, _super);
         function CodeGeneratingComponentRendererModuleEmitter(a, b) {
             var _this = _super.call(this) || this;
-            _this.j = null;
+            _this.k = null;
             _this.i = null;
             _this.b = null;
             _this.f = new CodeGeneratingImportManager();
             _this.e = new CodeGeneratingImportManager();
             _this.a = null;
-            _this.j = a;
+            _this.k = a;
             _this.i = b;
-            _this.b = new CodeGeneratingCodeWriter(_this.j);
-            _this.a = new CodeGeneratingCodeWriter(_this.j);
+            _this.b = new CodeGeneratingCodeWriter(_this.k);
+            _this.a = new CodeGeneratingCodeWriter(_this.k);
             return _this;
         }
+        Object.defineProperty(CodeGeneratingComponentRendererModuleEmitter.prototype, "j", {
+            get: function () {
+                return this.i;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(CodeGeneratingComponentRendererModuleEmitter.prototype, "d", {
             get: function () {
                 return this.b;
@@ -65548,8 +65600,8 @@
             enumerable: false,
             configurable: true
         });
-        CodeGeneratingComponentRendererModuleEmitter.prototype.l = function (a) {
-            this.n();
+        CodeGeneratingComponentRendererModuleEmitter.prototype.m = function (a) {
+            this.o();
             if (typeCast(JsonDictionaryArray.$, a) !== null) {
                 var b = a;
                 for (var c = 0; c < b.items.length; c++) {
@@ -65558,22 +65610,22 @@
                         var e = d;
                         if (e != null) {
                             var f = e.value.toString();
-                            this.k(f);
+                            this.l(f);
                         }
                     }
                 }
             }
-            this.m();
+            this.n();
             this.i.addImportResult("modulesImports", this.h);
             this.i.addContainerResult("modulesRegister", this.d.toString());
             this.i.addImportResult("descriptionImports", this.g);
             this.i.addContainerResult("descriptionRegister", this.c.toString());
         };
-        CodeGeneratingComponentRendererModuleEmitter.prototype.m = function () {
+        CodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
         };
-        CodeGeneratingComponentRendererModuleEmitter.prototype.k = function (a) {
+        CodeGeneratingComponentRendererModuleEmitter.prototype.l = function (a) {
         };
-        CodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
+        CodeGeneratingComponentRendererModuleEmitter.prototype.o = function () {
         };
         CodeGeneratingComponentRendererModuleEmitter.$t = markType(CodeGeneratingComponentRendererModuleEmitter, 'CodeGeneratingComponentRendererModuleEmitter');
         return CodeGeneratingComponentRendererModuleEmitter;
@@ -65592,20 +65644,20 @@
         tslib.__extends(TSCodeGeneratingComponentRendererModuleEmitter, _super);
         function TSCodeGeneratingComponentRendererModuleEmitter(a, b, c) {
             var _this = _super.call(this, b, c) || this;
-            _this.o = 0;
-            _this.r = 0;
-            _this.p = false;
-            _this.q = new Dictionary$2(String_$type, List$1.$.specialize(String_$type), 0);
-            _this.o = a;
+            _this.p = 0;
+            _this.s = 0;
+            _this.q = false;
+            _this.r = new Dictionary$2(String_$type, List$1.$.specialize(String_$type), 0);
+            _this.p = a;
             return _this;
         }
-        TSCodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
-            _super.prototype.n.call(this);
-            this.r = 0;
+        TSCodeGeneratingComponentRendererModuleEmitter.prototype.o = function () {
+            _super.prototype.o.call(this);
+            this.s = 0;
         };
-        Object.defineProperty(TSCodeGeneratingComponentRendererModuleEmitter.prototype, "t", {
+        Object.defineProperty(TSCodeGeneratingComponentRendererModuleEmitter.prototype, "u", {
             get: function () {
-                switch (this.o) {
+                switch (this.p) {
                     case 1: return "Igx";
                     case 2: return "Igr";
                     case 3: return "Igc";
@@ -65615,9 +65667,9 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(TSCodeGeneratingComponentRendererModuleEmitter.prototype, "s", {
+        Object.defineProperty(TSCodeGeneratingComponentRendererModuleEmitter.prototype, "t", {
             get: function () {
-                switch (this.o) {
+                switch (this.p) {
                     case 1: return "angular";
                     case 2: return "react";
                     case 3: return "webcomponents";
@@ -65627,34 +65679,36 @@
             enumerable: false,
             configurable: true
         });
-        TSCodeGeneratingComponentRendererModuleEmitter.prototype.k = function (a) {
-            _super.prototype.k.call(this, a);
+        TSCodeGeneratingComponentRendererModuleEmitter.prototype.l = function (a) {
+            _super.prototype.l.call(this, a);
             if (a == "withDescriptions") {
-                this.p = true;
+                this.q = true;
                 return;
             }
-            var b = "igniteui-" + this.s + "-core";
+            var b = "igniteui-" + this.t + "-core";
             var c = "";
             var d = a.split('/');
             if (d.length == 1) {
                 c = d[0];
+                this.j.addPackageRef(c);
             }
             else {
                 b = d[0];
-                b = "igniteui-" + this.s + "-" + b;
+                this.j.addPackageRef(b);
+                b = "igniteui-" + this.t + "-" + b;
                 c = d[1];
             }
-            if (!this.q.containsKey(b)) {
-                this.q.addItem(b, new List$1(String_$type, 0));
+            if (!this.r.containsKey(b)) {
+                this.r.addItem(b, new List$1(String_$type, 0));
             }
-            var e = this.q.item(b);
-            if (this.r > 0) {
+            var e = this.r.item(b);
+            if (this.s > 0) {
                 this.d.k(",");
             }
-            this.d.j(this.t + c);
-            e.add(this.t + c);
-            if (this.p) {
-                if (this.r == 0) {
+            this.d.j(this.u + c);
+            e.add(this.u + c);
+            if (this.q) {
+                if (this.s == 0) {
                     this.c.k("private _componentRenderer: ComponentRenderer = null;");
                     this.c.k("public get renderer(): ComponentRenderer {");
                     this.c.h();
@@ -65662,26 +65716,26 @@
                     this.c.h();
                     this.c.k("this._componentRenderer = new ComponentRenderer();");
                     this.c.k("var context = this._componentRenderer.context;");
-                    this.g.addPackageImport("igniteui-" + this.s + "-core", "ComponentRenderer");
+                    this.g.addPackageImport("igniteui-" + this.t + "-core", "ComponentRenderer");
                 }
                 var f = c;
                 if (stringEndsWith(f, "Module")) {
                     f = f.substr(0, f.length - ("Module").length);
                     f += "DescriptionModule";
                 }
-                this.g.addPackageImport("igniteui-" + this.s + "-core", f);
+                this.g.addPackageImport("igniteui-" + this.t + "-core", f);
                 this.c.k(f + ".register(context);");
             }
-            this.r++;
+            this.s++;
         };
-        TSCodeGeneratingComponentRendererModuleEmitter.prototype.m = function () {
+        TSCodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
             var e_1, _a, e_2, _b;
-            _super.prototype.m.call(this);
+            _super.prototype.n.call(this);
             try {
-                for (var _c = tslib.__values(fromEnum(this.q.keys)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                for (var _c = tslib.__values(fromEnum(this.r.keys)), _d = _c.next(); !_d.done; _d = _c.next()) {
                     var a = _d.value;
                     var b = a;
-                    var c = this.q.item(a);
+                    var c = this.r.item(a);
                     try {
                         for (var _e = (e_2 = void 0, tslib.__values(fromEnum(c))), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var d = _f.value;
@@ -65716,10 +65770,10 @@
                         throw e_1.error;
                 }
             }
-            if (this.p) {
+            if (this.q) {
                 this.c.f();
                 this.c.k("}");
-                this.c.k("return this._componentRenderer");
+                this.c.k("return this._componentRenderer;");
                 this.c.f();
                 this.c.k("}");
             }
@@ -65741,27 +65795,27 @@
         tslib.__extends(DotNetCodeGeneratingComponentRendererModuleEmitter, _super);
         function DotNetCodeGeneratingComponentRendererModuleEmitter(a, b, c) {
             var _this = _super.call(this, b, c) || this;
-            _this.o = 0;
-            _this.r = 0;
-            _this.p = false;
-            _this.q = new Dictionary$2(String_$type, List$1.$.specialize(String_$type), 0);
-            _this.o = a;
+            _this.p = 0;
+            _this.s = 0;
+            _this.q = false;
+            _this.r = new Dictionary$2(String_$type, List$1.$.specialize(String_$type), 0);
+            _this.p = a;
             return _this;
         }
-        Object.defineProperty(DotNetCodeGeneratingComponentRendererModuleEmitter.prototype, "s", {
+        Object.defineProperty(DotNetCodeGeneratingComponentRendererModuleEmitter.prototype, "t", {
             get: function () {
-                return this.r;
+                return this.s;
             },
             enumerable: false,
             configurable: true
         });
-        DotNetCodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
-            _super.prototype.n.call(this);
-            this.r = 0;
+        DotNetCodeGeneratingComponentRendererModuleEmitter.prototype.o = function () {
+            _super.prototype.o.call(this);
+            this.s = 0;
         };
-        Object.defineProperty(DotNetCodeGeneratingComponentRendererModuleEmitter.prototype, "t", {
+        Object.defineProperty(DotNetCodeGeneratingComponentRendererModuleEmitter.prototype, "u", {
             get: function () {
-                switch (this.o) {
+                switch (this.p) {
                     case 0: return "Xam";
                     case 4: return "Ultra";
                     case 5: return "Igb";
@@ -65771,22 +65825,24 @@
             enumerable: false,
             configurable: true
         });
-        DotNetCodeGeneratingComponentRendererModuleEmitter.prototype.k = function (a) {
-            _super.prototype.k.call(this, a);
-            if (a == "withDescriptions" && this.o != 5) {
-                this.p = true;
+        DotNetCodeGeneratingComponentRendererModuleEmitter.prototype.l = function (a) {
+            _super.prototype.l.call(this, a);
+            if (a == "withDescriptions" && this.p != 5) {
+                this.q = true;
                 return;
             }
             var b = "";
             var c = a.split('/');
             if (c.length == 1) {
                 b = c[0];
+                this.j.addPackageRef(b);
             }
             else {
+                this.j.addPackageRef(c[0]);
                 b = c[1];
             }
-            if (this.p) {
-                if (this.r == 0) {
+            if (this.q) {
+                if (this.s == 0) {
                     this.c.k("private ComponentRenderer _componentRenderer = null;");
                     this.c.k("public ComponentRenderer Renderer");
                     this.c.k("{");
@@ -65807,11 +65863,11 @@
                 }
                 this.c.k(d + ".Register(context);");
             }
-            this.r++;
+            this.s++;
         };
-        DotNetCodeGeneratingComponentRendererModuleEmitter.prototype.m = function () {
-            _super.prototype.m.call(this);
-            if (this.p) {
+        DotNetCodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
+            _super.prototype.n.call(this);
+            if (this.q) {
                 this.g.addUsing("using Infragistics.Controls.Description;");
                 this.c.f();
                 this.c.k("}");
@@ -65839,15 +65895,15 @@
         tslib.__extends(BlazorCodeGeneratingComponentRendererModuleEmitter, _super);
         function BlazorCodeGeneratingComponentRendererModuleEmitter(a, b, c) {
             var _this = _super.call(this, a, b, c) || this;
-            _this.u = 0;
+            _this.v = 0;
             return _this;
         }
-        BlazorCodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
-            _super.prototype.n.call(this);
+        BlazorCodeGeneratingComponentRendererModuleEmitter.prototype.o = function () {
+            _super.prototype.o.call(this);
         };
-        BlazorCodeGeneratingComponentRendererModuleEmitter.prototype.k = function (a) {
-            _super.prototype.k.call(this, a);
-            if (this.u > 0) {
+        BlazorCodeGeneratingComponentRendererModuleEmitter.prototype.l = function (a) {
+            _super.prototype.l.call(this, a);
+            if (this.v > 0) {
                 this.d.k(", ");
             }
             var b = "";
@@ -65866,10 +65922,10 @@
                 this.d.j("Igb" + b);
                 this.d.j(")");
             }
-            this.u++;
+            this.v++;
         };
-        BlazorCodeGeneratingComponentRendererModuleEmitter.prototype.m = function () {
-            _super.prototype.m.call(this);
+        BlazorCodeGeneratingComponentRendererModuleEmitter.prototype.n = function () {
+            _super.prototype.n.call(this);
         };
         BlazorCodeGeneratingComponentRendererModuleEmitter.$t = markType(BlazorCodeGeneratingComponentRendererModuleEmitter, 'BlazorCodeGeneratingComponentRendererModuleEmitter', DotNetCodeGeneratingComponentRendererModuleEmitter.$);
         return BlazorCodeGeneratingComponentRendererModuleEmitter;
@@ -66302,16 +66358,16 @@
             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);
@@ -66320,8 +66376,8 @@
             _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 () {
@@ -66358,8 +66414,8 @@
             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)) {
@@ -66369,43 +66425,51 @@
             }
             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 = "";
@@ -66414,13 +66478,13 @@
                             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 = "";
@@ -66429,44 +66493,44 @@
                             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();
@@ -66485,7 +66549,7 @@
                         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) {
@@ -66499,22 +66563,22 @@
             }
             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)) {
@@ -66524,122 +66588,122 @@
             }
             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;
@@ -66647,43 +66711,43 @@
             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;
@@ -66695,15 +66759,15 @@
         tslib.__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";
             }
@@ -66718,9 +66782,9 @@
             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";
@@ -66735,38 +66799,38 @@
             }
             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("");
                 }
@@ -66779,29 +66843,29 @@
                 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) {
@@ -66815,19 +66879,56 @@
                 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;
@@ -66837,21 +66938,21 @@
             }
             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);
@@ -66887,7 +66988,7 @@
                 }
             }
         };
-        BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_aq = function () {
+        BlazorRazorCodeGeneratingComponentRendererCodeEmitter.prototype.get_ar = function () {
             return "Igb";
         };
         BlazorRazorCodeGeneratingComponentRendererCodeEmitter.$t = markType(BlazorRazorCodeGeneratingComponentRendererCodeEmitter, 'BlazorRazorCodeGeneratingComponentRendererCodeEmitter', CodeGeneratingComponentRendererCodeEmitter.$);
@@ -66901,7 +67002,7 @@
         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.$);
@@ -66914,11 +67015,11 @@
         tslib.__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}";
             }
@@ -66933,43 +67034,43 @@
             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 + "\"");
             }
@@ -66977,31 +67078,31 @@
             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("");
                 }
@@ -67013,10 +67114,10 @@
                 }
                 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) {
@@ -67034,15 +67135,15 @@
                 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;
@@ -67052,16 +67153,16 @@
             }
             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);
@@ -67097,13 +67198,13 @@
                 }
             }
         };
-        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 = tslib.__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) {
@@ -67141,12 +67242,12 @@
         tslib.__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";
             }
@@ -67160,54 +67261,54 @@
             }
             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 = tslib.__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) {
@@ -67224,32 +67325,32 @@
                 }
             }
         };
-        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) {
@@ -67258,14 +67359,14 @@
             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;
@@ -67275,26 +67376,26 @@
             }
             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);
@@ -67439,25 +67540,25 @@
             }
             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("}");
@@ -67655,9 +67756,13 @@
     var AngularTemplateCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@__PURE__*/ (function (_super) {
         tslib.__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";
             }
@@ -67671,36 +67776,73 @@
             }
             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 = tslib.__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("");
@@ -67708,21 +67850,21 @@
             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;
@@ -67732,17 +67874,17 @@
             }
             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) {
@@ -67755,8 +67897,8 @@
                             }
                         }
                     }
-                    catch (e_7_1) {
-                        e_7 = { error: e_7_1 };
+                    catch (e_8_1) {
+                        e_8 = { error: e_8_1 };
                     }
                     finally {
                         try {
@@ -67764,8 +67906,8 @@
                                 _a.call(_b);
                         }
                         finally {
-                            if (e_7)
-                                throw e_7.error;
+                            if (e_8)
+                                throw e_8.error;
                         }
                     }
                 }
@@ -67840,7 +67982,7 @@
             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 {
@@ -67849,8 +67991,8 @@
                     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 {
@@ -67858,8 +68000,8 @@
                         _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));
@@ -68087,10 +68229,10 @@
         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";
             }
@@ -68104,20 +68246,20 @@
             }
             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) {
@@ -68126,7 +68268,7 @@
                     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;
                 }
@@ -68137,10 +68279,10 @@
             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;
@@ -68150,25 +68292,25 @@
             }
             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);
@@ -68186,8 +68328,8 @@
                             }
                         }
                     }
-                    catch (e_9_1) {
-                        e_9 = { error: e_9_1 };
+                    catch (e_10_1) {
+                        e_10 = { error: e_10_1 };
                     }
                     finally {
                         try {
@@ -68195,8 +68337,8 @@
                                 _a.call(_b);
                         }
                         finally {
-                            if (e_9)
-                                throw e_9.error;
+                            if (e_10)
+                                throw e_10.error;
                         }
                     }
                 }
@@ -68210,13 +68352,13 @@
             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.$);
@@ -68230,7 +68372,7 @@
         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.$);
@@ -68406,7 +68548,7 @@
             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;
@@ -68416,7 +68558,7 @@
                     var d = c;
                     var e = d.id;
                     try {
-                        for (var _f = (e_11 = void 0, tslib.__values(fromEnum(d.a))), _g = _f.next(); !_g.done; _g = _f.next()) {
+                        for (var _f = (e_12 = void 0, tslib.__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"));
@@ -68426,8 +68568,8 @@
                             }
                         }
                     }
-                    catch (e_11_1) {
-                        e_11 = { error: e_11_1 };
+                    catch (e_12_1) {
+                        e_12 = { error: e_12_1 };
                     }
                     finally {
                         try {
@@ -68435,14 +68577,14 @@
                                 _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 {
@@ -68450,8 +68592,8 @@
                         _a.call(_d);
                 }
                 finally {
-                    if (e_10)
-                        throw e_10.error;
+                    if (e_11)
+                        throw e_11.error;
                 }
             }
             try {
@@ -68461,8 +68603,8 @@
                     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 {
@@ -68470,13 +68612,13 @@
                         _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) {
@@ -68566,7 +68708,7 @@
             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);
@@ -68578,14 +68720,14 @@
                     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 {
@@ -68593,8 +68735,8 @@
                         _a.call(_b);
                 }
                 finally {
-                    if (e_13)
-                        throw e_13.error;
+                    if (e_14)
+                        throw e_14.error;
                 }
             }
             a.addContainerResult("bindingFields", d.toString());
@@ -68674,31 +68816,31 @@
             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;
                         })()));
                     }
@@ -68706,13 +68848,13 @@
                         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 = tslib.__values(fromEnum(this.g)), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -68722,13 +68864,13 @@
                         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 {
@@ -68736,11 +68878,11 @@
                         _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 = tslib.__values(fromEnum(this.g)), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -68750,13 +68892,13 @@
                         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 {
@@ -68764,22 +68906,22 @@
                         _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 = tslib.__values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
@@ -68789,8 +68931,8 @@
                     }
                 }
             }
-            catch (e_16_1) {
-                e_16 = { error: e_16_1 };
+            catch (e_17_1) {
+                e_17 = { error: e_17_1 };
             }
             finally {
                 try {
@@ -68798,8 +68940,8 @@
                         _a.call(_b);
                 }
                 finally {
-                    if (e_16)
-                        throw e_16.error;
+                    if (e_17)
+                        throw e_17.error;
                 }
             }
             return false;
@@ -70092,51 +70234,55 @@
             for (var i = 0; i < h.length; i++) {
                 d.add_1(h[i]);
             }
-            for (var j = 0; j < this.b.count; j++) {
-                var k = this.c._inner[j];
-                k = this.h(k, d);
-                this.c._inner[j] = k;
+            var j = a.getPackages();
+            for (var k = 0; k < j.length; k++) {
+                d.add_1(j[k]);
             }
             for (var l = 0; l < this.b.count; l++) {
-                var m = new List$1(String_$type, 0);
-                var p = a.getImportsKeys();
-                for (var o = 0; o < p.length; o++) {
-                    var n = p[o];
-                    m.add(n);
-                }
-                var q = this.c._inner[l];
-                q = this.j(q, m.toArray(), a);
-                this.c._inner[l] = q;
-            }
-            var t = a.getKeys();
-            for (var s = 0; s < t.length; s++) {
-                var r = t[s];
-                for (var u = 0; u < this.b.count; u++) {
-                    var v = this.c._inner[u];
-                    var w = a.getContentForKey(r);
-                    v = this.i(v, r, w, a);
-                    this.c._inner[u] = v;
-                }
-            }
-            var z = a.getStringNames();
-            for (var y = 0; y < z.length; y++) {
-                var x = z[y];
-                for (var aa = 0; aa < this.b.count; aa++) {
-                    var ab = this.c._inner[aa];
-                    ab = stringReplace(ab, "$$" + x, a.getString(x));
-                    this.c._inner[aa] = ab;
+                var m = this.c._inner[l];
+                m = this.h(m, d);
+                this.c._inner[l] = m;
+            }
+            for (var n = 0; n < this.b.count; n++) {
+                var o = new List$1(String_$type, 0);
+                var r = a.getImportsKeys();
+                for (var q = 0; q < r.length; q++) {
+                    var p = r[q];
+                    o.add(p);
+                }
+                var s = this.c._inner[n];
+                s = this.j(s, o.toArray(), a);
+                this.c._inner[n] = s;
+            }
+            var v = a.getKeys();
+            for (var u = 0; u < v.length; u++) {
+                var t = v[u];
+                for (var w = 0; w < this.b.count; w++) {
+                    var x = this.c._inner[w];
+                    var y = a.getContentForKey(t);
+                    x = this.i(x, t, y, a);
+                    this.c._inner[w] = x;
+                }
+            }
+            var ab = a.getStringNames();
+            for (var aa = 0; aa < ab.length; aa++) {
+                var z = ab[aa];
+                for (var ac = 0; ac < this.b.count; ac++) {
+                    var ad = this.c._inner[ac];
+                    ad = stringReplace(ad, "$$" + z, a.getString(z));
+                    this.c._inner[ac] = ad;
                 }
             }
             try {
                 for (var _c = tslib.__values(fromEnum(a.getNewFiles())), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var ac = _d.value;
-                    var ad = a.getNewFileContent(ac);
-                    var ae = "";
+                    var ae = _d.value;
+                    var af = a.getNewFileContent(ae);
+                    var ag = "";
                     try {
                         for (var _e = (e_2 = void 0, tslib.__values(fromEnum(this.d))), _f = _e.next(); !_f.done; _f = _e.next()) {
-                            var af = _f.value;
-                            if (stringStartsWith(af, "src")) {
-                                ae = "src/";
+                            var ah = _f.value;
+                            if (stringStartsWith(ah, "src")) {
+                                ag = "src/";
                             }
                         }
                     }
@@ -70153,8 +70299,8 @@
                                 throw e_2.error;
                         }
                     }
-                    this.d.add(ae + ac);
-                    this.c.add(ad);
+                    this.d.add(ag + ae);
+                    this.c.add(af);
                 }
             }
             catch (e_1_1) {
@@ -70183,7 +70329,7 @@
                 var g = new CodeGeneratingRegexHelper("(?:(<!--)|(\\/\\/))\\s*insert " + e + "(?:(\\s*-->)?)[\\w\\W\\r\\n]*?(?:(<!--)|(\\/\\/))\\s*end " + e + "(?:(\\s*-->)?)((\\r\\n)|(\\n))");
                 a = g.b(a, function (h, i, j) {
                     var e_4, _a;
-                    var k = c.o(e);
+                    var k = c.q(e);
                     var l = new CodeGeneratingImportManager();
                     try {
                         for (var _b = (e_4 = void 0, tslib.__values(fromEnum(k))), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -128259,50 +128405,50 @@
         tslib.__extends(StackedFragmentSeriesDescription, _super);
         function StackedFragmentSeriesDescription() {
             var _this = _super.call(this) || this;
-            _this.b4 = null;
-            _this.b3 = null;
-            _this.bl = null;
+            _this.b6 = null;
+            _this.b5 = null;
+            _this.bn = null;
             _this.j = false;
             _this.f = false;
             _this.an = 0;
             _this.ac = 0;
-            _this.cj = null;
-            _this.bx = null;
+            _this.cl = null;
+            _this.bz = null;
             _this.m = false;
             _this.i = false;
             _this.ao = 0;
             _this.ad = 0;
             _this.ap = 0;
             _this.ae = 0;
-            _this.b7 = null;
-            _this.bo = null;
-            _this.b8 = null;
-            _this.bp = null;
             _this.b9 = null;
             _this.bq = null;
-            _this.b6 = null;
-            _this.b5 = null;
-            _this.bn = null;
-            _this.bm = null;
             _this.ca = null;
             _this.br = null;
             _this.cb = null;
             _this.bs = null;
+            _this.b8 = null;
+            _this.b7 = null;
+            _this.bp = null;
+            _this.bo = null;
             _this.cc = null;
             _this.bt = null;
             _this.cd = null;
             _this.bu = null;
             _this.ce = null;
+            _this.bv = null;
+            _this.cf = null;
+            _this.bw = null;
+            _this.cg = null;
             _this.ak = 0;
             _this.z = 0;
-            _this.cf = null;
-            _this.bv = null;
+            _this.ch = null;
+            _this.bx = null;
             _this.ag = 0;
             _this.v = 0;
             _this.ai = 0;
             _this.x = 0;
-            _this.cg = null;
-            _this.bw = null;
+            _this.ci = null;
+            _this.by = null;
             _this.ah = 0;
             _this.w = 0;
             _this.al = 0;
@@ -128315,28 +128461,28 @@
             _this.af = 0;
             _this.aj = 0;
             _this.y = 0;
-            _this.ck = null;
-            _this.cl = null;
+            _this.bl = null;
+            _this.cm = null;
             _this.bf = 0;
             _this.bg = 0;
-            _this.cm = null;
             _this.cn = null;
-            _this.l = false;
             _this.co = null;
+            _this.l = false;
+            _this.cp = null;
             _this.h = false;
             _this.be = 0;
-            _this.b0 = null;
+            _this.b2 = null;
+            _this.b3 = null;
             _this.b1 = null;
-            _this.bz = null;
-            _this.by = null;
+            _this.b0 = null;
             _this.bd = 0;
-            _this.cr = null;
-            _this.cp = null;
-            _this.cq = null;
             _this.cs = null;
-            _this.b2 = null;
-            _this.ch = null;
-            _this.ci = null;
+            _this.cq = null;
+            _this.cr = null;
+            _this.ct = null;
+            _this.b4 = null;
+            _this.cj = null;
+            _this.ck = null;
             return _this;
         }
         StackedFragmentSeriesDescription.prototype.get_type = function () {
@@ -128351,10 +128497,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "dataSourceRef", {
             get: function () {
-                return this.b4;
+                return this.b6;
             },
             set: function (a) {
-                this.b4 = a;
+                this.b6 = a;
                 this.e("DataSourceRef");
             },
             enumerable: false,
@@ -128362,10 +128508,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "brush", {
             get: function () {
-                return this.b3;
+                return this.b5;
             },
             set: function (a) {
-                this.b3 = a;
+                this.b5 = a;
                 this.e("Brush");
             },
             enumerable: false,
@@ -128373,10 +128519,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualBrush", {
             get: function () {
-                return this.bl;
+                return this.bn;
             },
             set: function (a) {
-                this.bl = a;
+                this.bn = a;
                 this.e("ActualBrush");
             },
             enumerable: false,
@@ -128428,10 +128574,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "shadowColor", {
             get: function () {
-                return this.cj;
+                return this.cl;
             },
             set: function (a) {
-                this.cj = a;
+                this.cl = a;
                 this.e("ShadowColor");
             },
             enumerable: false,
@@ -128439,10 +128585,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualShadowColor", {
             get: function () {
-                return this.bx;
+                return this.bz;
             },
             set: function (a) {
-                this.bx = a;
+                this.bz = a;
                 this.e("ActualShadowColor");
             },
             enumerable: false,
@@ -128516,10 +128662,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "legendItemBadgeTemplateRef", {
             get: function () {
-                return this.b7;
+                return this.b9;
             },
             set: function (a) {
-                this.b7 = a;
+                this.b9 = a;
                 this.e("LegendItemBadgeTemplateRef");
             },
             enumerable: false,
@@ -128527,10 +128673,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualLegendItemBadgeTemplateRef", {
             get: function () {
-                return this.bo;
+                return this.bq;
             },
             set: function (a) {
-                this.bo = a;
+                this.bq = a;
                 this.e("ActualLegendItemBadgeTemplateRef");
             },
             enumerable: false,
@@ -128538,10 +128684,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "legendItemTemplateRef", {
             get: function () {
-                return this.b8;
+                return this.ca;
             },
             set: function (a) {
-                this.b8 = a;
+                this.ca = a;
                 this.e("LegendItemTemplateRef");
             },
             enumerable: false,
@@ -128549,10 +128695,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualLegendItemTemplateRef", {
             get: function () {
-                return this.bp;
+                return this.br;
             },
             set: function (a) {
-                this.bp = a;
+                this.br = a;
                 this.e("ActualLegendItemTemplateRef");
             },
             enumerable: false,
@@ -128560,10 +128706,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "legendItemVisibility", {
             get: function () {
-                return this.b9;
+                return this.cb;
             },
             set: function (a) {
-                this.b9 = a;
+                this.cb = a;
                 this.e("LegendItemVisibility");
             },
             enumerable: false,
@@ -128571,10 +128717,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualLegendItemVisibility", {
             get: function () {
-                return this.bq;
+                return this.bs;
             },
             set: function (a) {
-                this.bq = a;
+                this.bs = a;
                 this.e("ActualLegendItemVisibility");
             },
             enumerable: false,
@@ -128582,10 +128728,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "legendItemBadgeShape", {
             get: function () {
-                return this.b6;
+                return this.b8;
             },
             set: function (a) {
-                this.b6 = a;
+                this.b8 = a;
                 this.e("LegendItemBadgeShape");
             },
             enumerable: false,
@@ -128593,10 +128739,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "legendItemBadgeMode", {
             get: function () {
-                return this.b5;
+                return this.b7;
             },
             set: function (a) {
-                this.b5 = a;
+                this.b7 = a;
                 this.e("LegendItemBadgeMode");
             },
             enumerable: false,
@@ -128604,10 +128750,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualLegendItemBadgeShape", {
             get: function () {
-                return this.bn;
+                return this.bp;
             },
             set: function (a) {
-                this.bn = a;
+                this.bp = a;
                 this.e("ActualLegendItemBadgeShape");
             },
             enumerable: false,
@@ -128615,10 +128761,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualLegendItemBadgeMode", {
             get: function () {
-                return this.bm;
+                return this.bo;
             },
             set: function (a) {
-                this.bm = a;
+                this.bo = a;
                 this.e("ActualLegendItemBadgeMode");
             },
             enumerable: false,
@@ -128626,10 +128772,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "markerBrush", {
             get: function () {
-                return this.ca;
+                return this.cc;
             },
             set: function (a) {
-                this.ca = a;
+                this.cc = a;
                 this.e("MarkerBrush");
             },
             enumerable: false,
@@ -128637,10 +128783,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualMarkerBrush", {
             get: function () {
-                return this.br;
+                return this.bt;
             },
             set: function (a) {
-                this.br = a;
+                this.bt = a;
                 this.e("ActualMarkerBrush");
             },
             enumerable: false,
@@ -128648,10 +128794,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "markerOutline", {
             get: function () {
-                return this.cb;
+                return this.cd;
             },
             set: function (a) {
-                this.cb = a;
+                this.cd = a;
                 this.e("MarkerOutline");
             },
             enumerable: false,
@@ -128659,10 +128805,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualMarkerOutline", {
             get: function () {
-                return this.bs;
+                return this.bu;
             },
             set: function (a) {
-                this.bs = a;
+                this.bu = a;
                 this.e("ActualMarkerOutline");
             },
             enumerable: false,
@@ -128670,10 +128816,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "markerTemplateRef", {
             get: function () {
-                return this.cc;
+                return this.ce;
             },
             set: function (a) {
-                this.cc = a;
+                this.ce = a;
                 this.e("MarkerTemplateRef");
             },
             enumerable: false,
@@ -128681,10 +128827,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualMarkerTemplateRef", {
             get: function () {
-                return this.bt;
+                return this.bv;
             },
             set: function (a) {
-                this.bt = a;
+                this.bv = a;
                 this.e("ActualMarkerTemplateRef");
             },
             enumerable: false,
@@ -128692,10 +128838,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "markerType", {
             get: function () {
-                return this.cd;
+                return this.cf;
             },
             set: function (a) {
-                this.cd = a;
+                this.cf = a;
                 this.e("MarkerType");
             },
             enumerable: false,
@@ -128703,10 +128849,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualMarkerType", {
             get: function () {
-                return this.bu;
+                return this.bw;
             },
             set: function (a) {
-                this.bu = a;
+                this.bw = a;
                 this.e("ActualMarkerType");
             },
             enumerable: false,
@@ -128714,10 +128860,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "name", {
             get: function () {
-                return this.ce;
+                return this.cg;
             },
             set: function (a) {
-                this.ce = a;
+                this.cg = a;
                 this.e("Name");
             },
             enumerable: false,
@@ -128747,10 +128893,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "outline", {
             get: function () {
-                return this.cf;
+                return this.ch;
             },
             set: function (a) {
-                this.cf = a;
+                this.ch = a;
                 this.e("Outline");
             },
             enumerable: false,
@@ -128758,10 +128904,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualOutline", {
             get: function () {
-                return this.bv;
+                return this.bx;
             },
             set: function (a) {
-                this.bv = a;
+                this.bx = a;
                 this.e("ActualOutline");
             },
             enumerable: false,
@@ -128813,10 +128959,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "outlineMode", {
             get: function () {
-                return this.cg;
+                return this.ci;
             },
             set: function (a) {
-                this.cg = a;
+                this.ci = a;
                 this.e("OutlineMode");
             },
             enumerable: false,
@@ -128824,10 +128970,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualOutlineMode", {
             get: function () {
-                return this.bw;
+                return this.by;
             },
             set: function (a) {
-                this.bw = a;
+                this.by = a;
                 this.e("ActualOutlineMode");
             },
             enumerable: false,
@@ -128965,23 +129111,23 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(StackedFragmentSeriesDescription.prototype, "titleRef", {
+        Object.defineProperty(StackedFragmentSeriesDescription.prototype, "title", {
             get: function () {
-                return this.ck;
+                return this.bl;
             },
             set: function (a) {
-                this.ck = a;
-                this.e("TitleRef");
+                this.bl = a;
+                this.e("Title");
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "transitionEasingFunctionRef", {
             get: function () {
-                return this.cl;
+                return this.cm;
             },
             set: function (a) {
-                this.cl = a;
+                this.cm = a;
                 this.e("TransitionEasingFunctionRef");
             },
             enumerable: false,
@@ -129011,10 +129157,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "transitionInEasingFunctionRef", {
             get: function () {
-                return this.cm;
+                return this.cn;
             },
             set: function (a) {
-                this.cm = a;
+                this.cn = a;
                 this.e("TransitionInEasingFunctionRef");
             },
             enumerable: false,
@@ -129022,10 +129168,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "transitionInMode", {
             get: function () {
-                return this.cn;
+                return this.co;
             },
             set: function (a) {
-                this.cn = a;
+                this.co = a;
                 this.e("TransitionInMode");
             },
             enumerable: false,
@@ -129044,10 +129190,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "transitionInSpeedType", {
             get: function () {
-                return this.co;
+                return this.cp;
             },
             set: function (a) {
-                this.co = a;
+                this.cp = a;
                 this.e("TransitionInSpeedType");
             },
             enumerable: false,
@@ -129077,10 +129223,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualTransitionInMode", {
             get: function () {
-                return this.b0;
+                return this.b2;
             },
             set: function (a) {
-                this.b0 = a;
+                this.b2 = a;
                 this.e("ActualTransitionInMode");
             },
             enumerable: false,
@@ -129088,10 +129234,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualTransitionInSpeedType", {
             get: function () {
-                return this.b1;
+                return this.b3;
             },
             set: function (a) {
-                this.b1 = a;
+                this.b3 = a;
                 this.e("ActualTransitionInSpeedType");
             },
             enumerable: false,
@@ -129099,10 +129245,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualTransitionInEasingFunctionRef", {
             get: function () {
-                return this.bz;
+                return this.b1;
             },
             set: function (a) {
-                this.bz = a;
+                this.b1 = a;
                 this.e("ActualTransitionInEasingFunctionRef");
             },
             enumerable: false,
@@ -129110,10 +129256,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualTransitionEasingFunctionRef", {
             get: function () {
-                return this.by;
+                return this.b0;
             },
             set: function (a) {
-                this.by = a;
+                this.b0 = a;
                 this.e("ActualTransitionEasingFunctionRef");
             },
             enumerable: false,
@@ -129132,10 +129278,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "valueMemberPath", {
             get: function () {
-                return this.cr;
+                return this.cs;
             },
             set: function (a) {
-                this.cr = a;
+                this.cs = a;
                 this.e("ValueMemberPath");
             },
             enumerable: false,
@@ -129143,10 +129289,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "valueMemberAsLegendLabel", {
             get: function () {
-                return this.cp;
+                return this.cq;
             },
             set: function (a) {
-                this.cp = a;
+                this.cq = a;
                 this.e("ValueMemberAsLegendLabel");
             },
             enumerable: false,
@@ -129154,10 +129300,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "valueMemberAsLegendUnit", {
             get: function () {
-                return this.cq;
+                return this.cr;
             },
             set: function (a) {
-                this.cq = a;
+                this.cr = a;
                 this.e("ValueMemberAsLegendUnit");
             },
             enumerable: false,
@@ -129165,10 +129311,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "visibility", {
             get: function () {
-                return this.cs;
+                return this.ct;
             },
             set: function (a) {
-                this.cs = a;
+                this.ct = a;
                 this.e("Visibility");
             },
             enumerable: false,
@@ -129176,10 +129322,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "actualVisibility", {
             get: function () {
-                return this.b2;
+                return this.b4;
             },
             set: function (a) {
-                this.b2 = a;
+                this.b4 = a;
                 this.e("ActualVisibility");
             },
             enumerable: false,
@@ -129187,10 +129333,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "parentOrLocalBrush", {
             get: function () {
-                return this.ch;
+                return this.cj;
             },
             set: function (a) {
-                this.ch = a;
+                this.cj = a;
                 this.e("ParentOrLocalBrush");
             },
             enumerable: false,
@@ -129198,10 +129344,10 @@
         });
         Object.defineProperty(StackedFragmentSeriesDescription.prototype, "propertyUpdatedRef", {
             get: function () {
-                return this.ci;
+                return this.ck;
             },
             set: function (a) {
-                this.ci = a;
+                this.ck = a;
                 this.e("PropertyUpdatedRef");
             },
             enumerable: false,
@@ -129303,7 +129449,7 @@
             a.item("ActualThickness", "Number:double");
             a.item("MarkerThickness", "Number:double");
             a.item("ActualMarkerThickness", "Number:double");
-            a.item("TitleRef", "(w:Title,wf:Title)DataRef");
+            a.item("Title", "Unknown");
             a.item("TransitionEasingFunctionRef", "(w:TransitionEasingFunction,wf:TransitionEasingFunction)MethodRef");
             a.item("TransitionDuration", "Number:int");
             a.item("TransitionInDuration", "Number:int");
@@ -176678,6 +176824,87 @@
         return WebTreeDescription;
     }(Description));
 
+    /*
+    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+    https://www.infragistics.com/legal/license/igultimate-la
+    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.
+    */
+    /**
+     * @hidden
+     */
+    var WebTreeSelectionOptionsEventDetailDescription = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(WebTreeSelectionOptionsEventDetailDescription, _super);
+        function WebTreeSelectionOptionsEventDetailDescription() {
+            var _this = _super.call(this) || this;
+            _this.f = null;
+            return _this;
+        }
+        WebTreeSelectionOptionsEventDetailDescription.prototype.get_type = function () {
+            return "WebTreeSelectionOptionsEventDetail";
+        };
+        Object.defineProperty(WebTreeSelectionOptionsEventDetailDescription.prototype, "type", {
+            get: function () {
+                return this.get_type();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(WebTreeSelectionOptionsEventDetailDescription.prototype, "newSelection", {
+            get: function () {
+                return this.f;
+            },
+            set: function (a) {
+                this.f = a;
+                this.e("NewSelection");
+            },
+            enumerable: false,
+            configurable: true
+        });
+        WebTreeSelectionOptionsEventDetailDescription.$t = markType(WebTreeSelectionOptionsEventDetailDescription, 'WebTreeSelectionOptionsEventDetailDescription', Description.$);
+        WebTreeSelectionOptionsEventDetailDescription.__marshalByValue = true;
+        WebTreeSelectionOptionsEventDetailDescription.__marshalByValueAlias = "TreeSelectionOptionsEventDetail";
+        return WebTreeSelectionOptionsEventDetailDescription;
+    }(Description));
+
+    /*
+    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+    https://www.infragistics.com/legal/license/igultimate-la
+    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.
+    */
+    /**
+     * @hidden
+     */
+    var WebTreeSelectionOptionsEventDetailDescriptionMetadata = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(WebTreeSelectionOptionsEventDetailDescriptionMetadata, _super);
+        function WebTreeSelectionOptionsEventDetailDescriptionMetadata() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        WebTreeSelectionOptionsEventDetailDescriptionMetadata.b = function (a) {
+            if (WebTreeSelectionOptionsEventDetailDescriptionMetadata.a == null) {
+                WebTreeSelectionOptionsEventDetailDescriptionMetadata.a = new Dictionary$2(String_$type, String_$type, 0);
+                WebTreeSelectionOptionsEventDetailDescriptionMetadata.c(WebTreeSelectionOptionsEventDetailDescriptionMetadata.a);
+            }
+            if (a.g(WebTreeSelectionOptionsEventDetailDescriptionMetadata.a)) {
+                return;
+            }
+            a.s(WebTreeSelectionOptionsEventDetailDescriptionMetadata.a);
+        };
+        WebTreeSelectionOptionsEventDetailDescriptionMetadata.c = function (a) {
+            a.item("__qualifiedNameTS", "String:TreeSelectionOptionsEventDetail");
+            a.item("NewSelection", "Collection:WebTreeItem:WebTreeItemCollection:WebTreeItem");
+        };
+        WebTreeSelectionOptionsEventDetailDescriptionMetadata.d = function (a) {
+            WebTreeSelectionOptionsEventDetailDescriptionMetadata.b(a);
+            a.u("WebTreeSelectionOptionsEventDetail", function () { return new WebTreeSelectionOptionsEventDetailDescription(); });
+            a.t("WebTreeSelectionOptionsEventDetail", WebTreeSelectionOptionsEventDetailDescriptionMetadata.a);
+        };
+        WebTreeSelectionOptionsEventDetailDescriptionMetadata.$t = markType(WebTreeSelectionOptionsEventDetailDescriptionMetadata, 'WebTreeSelectionOptionsEventDetailDescriptionMetadata');
+        WebTreeSelectionOptionsEventDetailDescriptionMetadata.a = null;
+        return WebTreeSelectionOptionsEventDetailDescriptionMetadata;
+    }(Base));
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -176704,13 +176931,13 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(WebTreeSelectionOptionsEventArgsDescription.prototype, "newSelection", {
+        Object.defineProperty(WebTreeSelectionOptionsEventArgsDescription.prototype, "detail", {
             get: function () {
                 return this.f;
             },
             set: function (a) {
                 this.f = a;
-                this.e("NewSelection");
+                this.e("Detail");
             },
             enumerable: false,
             configurable: true
@@ -176742,10 +176969,11 @@
                 return;
             }
             a.s(WebTreeSelectionOptionsEventArgsDescriptionMetadata.a);
+            WebTreeSelectionOptionsEventDetailDescriptionMetadata.d(a);
         };
         WebTreeSelectionOptionsEventArgsDescriptionMetadata.c = function (a) {
             a.item("__qualifiedNameTS", "String:TreeSelectionOptionsEventArgs");
-            a.item("NewSelection", "Collection:WebTreeItem:WebTreeItemCollection:WebTreeItem");
+            a.item("Detail", "ExportedType:WebTreeSelectionOptionsEventDetail");
         };
         WebTreeSelectionOptionsEventArgsDescriptionMetadata.d = function (a) {
             WebTreeSelectionOptionsEventArgsDescriptionMetadata.b(a);
@@ -220561,6 +220789,8 @@
     exports.WebTreeItemDescriptionModule = WebTreeItemDescriptionModule;
     exports.WebTreeSelectionOptionsEventArgsDescription = WebTreeSelectionOptionsEventArgsDescription;
     exports.WebTreeSelectionOptionsEventArgsDescriptionMetadata = WebTreeSelectionOptionsEventArgsDescriptionMetadata;
+    exports.WebTreeSelectionOptionsEventDetailDescription = WebTreeSelectionOptionsEventDetailDescription;
+    exports.WebTreeSelectionOptionsEventDetailDescriptionMetadata = WebTreeSelectionOptionsEventDetailDescriptionMetadata;
     exports.WebValueChangedEventArgsDescription = WebValueChangedEventArgsDescription;
     exports.WebValueChangedEventArgsDescriptionMetadata = WebValueChangedEventArgsDescriptionMetadata;
     exports.WeightedCloseIndicatorDescription = WeightedCloseIndicatorDescription;