igniteui-webcomponents-inputs 5.2.0 → 5.3.0

package/esm5/lib/IconView_combined.js

@@ -66,7 +66,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.f = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
         return _this;
     }
-    IconView.prototype.ak = function () {
+    IconView.prototype.al = function () {
     };
     IconView.prototype.l = function () {
         return true;
@@ -99,7 +99,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    IconView.prototype.ai = function (a) {
+    IconView.prototype.aj = function (a) {
         var e_1, _a;
         if (a == null) {
             try {
@@ -136,7 +136,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.v.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
         this.v.rootWrapper.setStyleProperty("align-items", "center");
         this.v.rootWrapper.setStyleProperty("justify-content", "center");
-        this.ar();
+        this.as();
         var c = this.v.createElementNS("svg", "http://www.w3.org/2000/svg");
         c.setStyleProperty("position", "absolute");
         c.setStyleProperty("top", "0");
@@ -149,14 +149,14 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setStyleProperty("width", "100%");
         d.setStyleProperty("object-fit", "contain");
         this.x = d;
-        this.ax();
+        this.ay();
         this.w = a.createElementNS("defs", "http://www.w3.org/2000/svg");
         this.y.append(this.w);
         this.v.append(this.y);
-        this.o.add(c.listen("click", runOn(this, this.ah)));
-        this.d.cf();
+        this.o.add(c.listen("click", runOn(this, this.ai)));
+        this.d.ch();
     };
-    IconView.prototype.au = function (a) {
+    IconView.prototype.av = function (a) {
         this.n.clear();
         this.v.rootWrapper.removeChildren();
         this.v.rootWrapper.append(this.y);
@@ -171,7 +171,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.p.add(b);
         }
     };
-    IconView.prototype.av = function (a) {
+    IconView.prototype.aw = function (a) {
         this.n.clear();
         this.v.rootWrapper.removeChildren();
         this.v.rootWrapper.append(this.y);
@@ -188,14 +188,14 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    IconView.prototype.at = function (a) {
+    IconView.prototype.au = function (a) {
         this.v.rootWrapper.removeChildren();
         if (a != null) {
             var b = this.v.rootWrapper.getNativeElement();
             b.innerHTML = a;
         }
     };
-    IconView.prototype.ap = function (a) {
+    IconView.prototype.aq = function (a) {
         if (this.ab != a) {
             this.ab = a;
             this.v.rootWrapper.removeChildren();
@@ -203,26 +203,31 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.x.setAttribute("src", a);
         }
     };
-    IconView.prototype.as = function (a) {
+    IconView.prototype.at = function (a) {
         if (typeof a === 'string') {
-            this.ap(typeCast(String_$type, a));
+            this.aq(typeCast(String_$type, a));
+        }
+    };
+    IconView.prototype.ag = function () {
+        if (this.d.k != 3 && this.d.k != 4) {
+            this.ab = null;
         }
     };
     IconView.prototype.k = function () {
         return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
     };
-    IconView.prototype.ar = function () {
-        this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.ar) ? "1.5rem" : this.d.ar + "px");
-        this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.aj) ? "1.5rem" : this.d.aj + "px");
+    IconView.prototype.as = function () {
+        this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.at) ? "1.5rem" : this.d.at + "px");
+        this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.al) ? "1.5rem" : this.d.al + "px");
     };
-    IconView.prototype.ax = function () {
-        var a = isNaN_(this.d.ao) ? 0 : this.d.ao;
-        var b = isNaN_(this.d.ap) ? 0 : this.d.ap;
-        var c = isNaN_(this.d.aq) ? 24 : this.d.aq;
-        var d = isNaN_(this.d.an) ? 24 : this.d.an;
+    IconView.prototype.ay = function () {
+        var a = isNaN_(this.d.aq) ? 0 : this.d.aq;
+        var b = isNaN_(this.d.ar) ? 0 : this.d.ar;
+        var c = isNaN_(this.d.as) ? 24 : this.d.as;
+        var d = isNaN_(this.d.ap) ? 24 : this.d.ap;
         this.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
     };
-    IconView.prototype.am = function (a, b) {
+    IconView.prototype.an = function (a, b) {
         var c = a.color;
         if (!this.n.containsKey(a)) {
             if (a.isGradient) {
@@ -250,7 +255,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    IconView.prototype.an = function (a, b) {
+    IconView.prototype.ao = function (a, b) {
         var c = a;
         if (this.n.containsKey(b)) {
             c.setAttribute("fill", "url(#" + this.n.item(b) + ")");
@@ -261,7 +266,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             NativeUI.r(a, b);
         }
     };
-    IconView.prototype.ao = function (a, b) {
+    IconView.prototype.ap = function (a, b) {
         var c = a;
         if (this.n.containsKey(b)) {
             c.setAttribute("stroke", "url('#" + this.n.item(b) + "')");
@@ -272,22 +277,22 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     IconView.prototype.ac = function (a) {
     };
-    IconView.prototype.al = function () {
+    IconView.prototype.am = function () {
         if (this.l()) {
         }
     };
     IconView.prototype.ad = function (a) {
-        this.d.cc();
+        this.d.ce();
     };
     IconView.prototype.ae = function (a) {
-        this.d.cd();
+        this.d.cf();
     };
-    IconView.prototype.ag = function () {
+    IconView.prototype.ah = function () {
         this.j = true;
         this.o.add(this.v.rootWrapper.listen("mouseenter", runOn(this, this.ad)));
         this.o.add(this.v.rootWrapper.listen("mouseleave", runOn(this, this.ae)));
     };
-    IconView.prototype.aj = function () {
+    IconView.prototype.ak = function () {
         var e_2, _a;
         this.j = false;
         try {
@@ -311,7 +316,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.o.clear();
     };
-    IconView.prototype.aw = function (a) {
+    IconView.prototype.ax = function (a) {
         if (a != null) {
             this.v.rootWrapper.setStyleProperty("font", a.fontString);
         }
@@ -325,8 +330,8 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         c[1] = b;
         return c;
     };
-    IconView.prototype.ah = function (a) {
-        if (this.d.v()) {
+    IconView.prototype.ai = function (a) {
+        if (this.d.x()) {
             a.stopPropagation();
             a.preventDefault();
         }
@@ -357,7 +362,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                     $ret.an = a.w;
                     return $ret;
                 })());
-                this.aq(c, a);
+                this.ar(c, a);
                 b = new PathVisualData(1, "path1", c);
                 break;
             case 3:
@@ -367,7 +372,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 e.ao = d.x;
                 e.ap = d.y;
                 e.aq = d.z;
-                this.aq(e, a);
+                this.ar(e, a);
                 b = new LineVisualData(1, "line1", e);
                 break;
             case 4:
@@ -377,7 +382,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 g.height = f.w;
                 g.ap = f.x;
                 g.aq = f.y;
-                this.aq(g, a);
+                this.ar(g, a);
                 b = new RectangleVisualData(1, "rect1", g);
                 break;
             case 5:
@@ -386,13 +391,13 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var i = new Ellipse();
                 i.width = h.y * 2;
                 i.height = h.z * 2;
-                this.aq(i, a);
+                this.ar(i, a);
                 b = new EllipseVisualData(1, "ellipse1", i);
                 break;
         }
         return b;
     };
-    IconView.prototype.aq = function (a, b) {
+    IconView.prototype.ar = function (a, b) {
         var c = b;
         a.ad = b.t;
         a.j = c.h;
@@ -437,50 +442,51 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     function XIcon() {
         var _this = _super.call(this) || this;
         _this._view = null;
-        _this.j = 0;
-        _this.cm = XIcon.c2;
-        _this.cn = XIcon.c6;
-        _this.co = XIcon.c7;
-        _this.w = XIcon.ai;
-        _this.cp = XIcon.c2;
-        _this.cx = XIcon.c6;
-        _this.aa = XIcon.ai;
-        _this.cy = XIcon.c7;
-        _this.cq = XIcon.c3;
+        _this.k = 0;
+        _this.l = 0;
+        _this.co = XIcon.c4;
+        _this.cp = XIcon.c8;
+        _this.cq = XIcon.c9;
+        _this.y = XIcon.ak;
         _this.cr = XIcon.c4;
-        _this.y = XIcon.ah;
-        _this.cs = null;
+        _this.cz = XIcon.c8;
+        _this.ac = XIcon.ak;
+        _this.c0 = XIcon.c9;
+        _this.cs = XIcon.c5;
+        _this.ct = XIcon.c6;
+        _this.aa = XIcon.aj;
+        _this.cu = null;
         _this.c = null;
         _this.d = null;
-        _this.ct = null;
-        _this.cu = null;
         _this.cv = null;
         _this.cw = null;
-        _this.av = null;
-        _this.az = null;
-        _this.a2 = null;
+        _this.cx = null;
+        _this.cy = null;
+        _this.ax = null;
         _this.a1 = null;
+        _this.a4 = null;
+        _this.a3 = null;
         _this.a = null;
-        _this.l = null;
-        _this.a0 = "ig-icon-" + XIcon.au++;
-        _this.as = 0;
-        _this.n = false;
-        _this.ay = null;
+        _this.n = null;
+        _this.a2 = "ig-icon-" + XIcon.aw++;
+        _this.au = 0;
         _this.p = false;
-        _this.o = false;
-        _this.z = 1;
-        _this.ac = NaN;
-        _this.ad = NaN;
+        _this.a0 = null;
+        _this.r = false;
+        _this.q = false;
+        _this.ab = 1;
         _this.ae = NaN;
-        _this.ab = NaN;
         _this.af = NaN;
-        _this.x = NaN;
+        _this.ag = NaN;
+        _this.ad = NaN;
+        _this.ah = NaN;
+        _this.z = NaN;
         _this.clicked = null;
         _this.propertyChanged = null;
         var a = new IconView();
         a.d = _this;
         _this.view = a;
-        _this.view.ak();
+        _this.view.al();
         return _this;
     }
     Object.defineProperty(XIcon.prototype, "view", {
@@ -496,13 +502,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     XIcon.prototype.destroy = function () {
         this.provideContainer(null);
     };
-    XIcon.prototype.ce = function (a, b, c) {
+    XIcon.prototype.cg = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.ch(a, b, c);
+        this.cj(a, b, c);
     };
-    XIcon.prototype.ch = function (a, b, c) {
+    XIcon.prototype.cj = function (a, b, c) {
         switch (a) {
             case "Fill":
             case "Stroke":
@@ -511,225 +517,230 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             case "HoverStroke":
             case "HoverStrokeThickness":
             case "IsHover":
-                this.cl();
+                this.cn();
                 break;
             case "FillColors":
             case "StrokeColors":
             case "ActualFill":
             case "ActualStroke":
             case "ActualStrokeWidth":
-                this.cj();
+                this.cl();
                 break;
             case "SVG":
-                this.a2 = null;
+                this.a4 = null;
                 this.a = null;
-                this.cj();
+                this.cl();
                 break;
             case "SVGPath":
-                this.a1 = null;
+                this.a3 = null;
                 this.a = null;
-                this.cj();
+                this.cl();
                 break;
             case "SVGPaths":
-                this.a1 = null;
-                this.a2 = null;
-                this.cj();
+                this.a3 = null;
+                this.a4 = null;
+                this.cl();
                 break;
             case "DataURL":
-                this.a1 = null;
-                this.a2 = null;
+                this.a3 = null;
+                this.a4 = null;
                 this.a = null;
-                this.cj();
+                this.cl();
                 break;
             case "Source":
-                this.a1 = null;
-                this.a2 = null;
+                this.a3 = null;
+                this.a4 = null;
                 this.a = null;
-                this.cj();
+                this.cl();
                 break;
             case "Opacity":
-                this.ck();
+                this.cm();
                 break;
             case "ViewBoxLeft":
             case "ViewBoxTop":
             case "ViewBoxWidth":
             case "ViewBoxHeight":
-                this.view.ax();
+                this.view.ay();
                 break;
             case "Width":
             case "Height":
-                this.view.ar();
+                this.view.as();
                 break;
         }
     };
-    XIcon.prototype.cl = function () {
-        var a = this.fill != null ? this.fill : XIcon.c2;
-        var b = this.df != null ? this.df : XIcon.c6;
-        var c = !isNaN_(this.am) ? this.am : XIcon.ai;
-        var d = this.dg != null ? this.dg : XIcon.c7;
-        if (this.t) {
-            this.cz = this.c8 != null ? this.c8 : a;
-            this.c0 = this.c9 != null ? this.c9 : b;
-            this.ag = !isNaN_(this.ak) ? this.ak : c;
-            this.c1 = this.da != null ? this.da : d;
+    XIcon.prototype.cn = function () {
+        var a = this.fill != null ? this.fill : XIcon.c4;
+        var b = this.dh != null ? this.dh : XIcon.c8;
+        var c = !isNaN_(this.ao) ? this.ao : XIcon.ak;
+        var d = this.di != null ? this.di : XIcon.c9;
+        if (this.v) {
+            this.c1 = this.da != null ? this.da : a;
+            this.c2 = this.db != null ? this.db : b;
+            this.ai = !isNaN_(this.am) ? this.am : c;
+            this.c3 = this.dc != null ? this.dc : d;
         }
         else {
-            this.cz = a;
-            this.c0 = b;
-            this.ag = c;
-            this.c1 = d;
+            this.c1 = a;
+            this.c2 = b;
+            this.ai = c;
+            this.c3 = d;
         }
     };
-    Object.defineProperty(XIcon.prototype, "r", {
+    Object.defineProperty(XIcon.prototype, "t", {
         get: function () {
             return this.svgPath != null && !this.view.m;
         },
         enumerable: false,
         configurable: true
     });
-    XIcon.prototype.ck = function () {
-        NativeUI.y(this.view.z, this.al);
+    XIcon.prototype.cm = function () {
+        NativeUI.y(this.view.z, this.an);
     };
-    XIcon.prototype.cj = function () {
+    XIcon.prototype.cl = function () {
         var a = this.view.z;
-        if (this.r) {
+        if (this.t) {
             var b = this.view.aa;
-            NativeUI.r(b, this.cz);
-            NativeUI.aa(b, this.c0);
-            NativeUI.ad(b, this.ag);
+            NativeUI.r(b, this.c1);
+            NativeUI.aa(b, this.c2);
+            NativeUI.ad(b, this.ai);
         }
         else {
-            var c = false;
+            var c = this.j();
+            if (c != this.k) {
+                this.k = c;
+                this.view.ag();
+            }
+            var d = false;
             if (this.svgPath != null) {
                 if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
-                    this.view.at(this.svgPath);
-                    c = true;
+                    this.view.au(this.svgPath);
+                    d = true;
                 }
                 else {
-                    this.view.au(this.svgPath);
+                    this.view.av(this.svgPath);
                 }
             }
             else if (this.b != null) {
-                this.view.av(this.b);
-                var d = this.view.c;
-                if (d != null && d.length > 0) {
-                    var e = NativeUI.r;
-                    var f = NativeUI.aa;
-                    this.cg();
-                    e = runOn(this.view, this.view.an);
+                this.view.aw(this.b);
+                var e = this.view.c;
+                if (e != null && e.length > 0) {
+                    var f = NativeUI.r;
+                    var g = NativeUI.aa;
+                    this.ci();
                     f = runOn(this.view, this.view.ao);
-                    for (var g = 0; g < d.length; g++) {
-                        if (this.cz != null) {
-                            e(d[g], this.cz);
+                    g = runOn(this.view, this.view.ap);
+                    for (var h = 0; h < e.length; h++) {
+                        if (this.c1 != null) {
+                            f(e[h], this.c1);
                         }
-                        if (this.c0 != null) {
-                            f(d[g], this.c0);
+                        if (this.c2 != null) {
+                            g(e[h], this.c2);
                         }
-                        if (!isNaN_(this.ag)) {
-                            NativeUI.ad(d[g], this.ag);
+                        if (!isNaN_(this.ai)) {
+                            NativeUI.ad(e[h], this.ai);
                         }
-                        if (this.c1 != null) {
-                            NativeUI.q(d[g], this.c1);
+                        if (this.c3 != null) {
+                            NativeUI.q(e[h], this.c3);
                         }
-                        if (this.e != null && this.e.count == d.length) {
-                            e(d[g], this.e.item(g));
+                        if (this.e != null && this.e.count == e.length) {
+                            f(e[h], this.e.item(h));
                         }
-                        if (this.f != null && this.f.count == d.length) {
-                            f(d[g], this.f.item(g));
+                        if (this.f != null && this.f.count == e.length) {
+                            g(e[h], this.f.item(h));
                         }
                     }
                 }
-                if (this.m != null) {
-                    this.view.aw(this.m);
+                if (this.o != null) {
+                    this.view.ax(this.o);
                 }
                 return;
             }
             else if (this.svg != null) {
-                this.view.at(this.svg);
-                c = true;
+                this.view.au(this.svg);
+                d = true;
             }
-            else if (this.ba != null) {
-                this.view.ap(this.ba);
+            else if (this.bc != null) {
+                this.view.aq(this.bc);
             }
-            else if (this.ax != null) {
-                this.view.as(this.ax);
+            else if (this.az != null) {
+                this.view.at(this.az);
             }
-            if (c) {
-                for (var h = 0; h < this.view.r.count; h++) {
-                    var i = this.view.r._inner[h].c;
-                    NativeUI.r(this.view.r._inner[h].d, i.l.f(this.db));
+            if (d) {
+                for (var i = 0; i < this.view.r.count; i++) {
+                    var j = this.view.r._inner[i].c;
+                    NativeUI.r(this.view.r._inner[i].d, j.l.f(this.dd));
                 }
-                for (var j = 0; j < this.view.s.count; j++) {
-                    var k = this.view.s._inner[j].c;
-                    NativeUI.aa(this.view.s._inner[j].d, k.m.f(this.dc));
+                for (var k = 0; k < this.view.s.count; k++) {
+                    var l = this.view.s._inner[k].c;
+                    NativeUI.aa(this.view.s._inner[k].d, l.m.f(this.de));
                 }
-                for (var l = 0; l < this.view.t.count; l++) {
-                    var m = this.view.t._inner[l].c;
-                    NativeUI.r(this.view.t._inner[l].d, m.l.f(this.dd));
+                for (var m = 0; m < this.view.t.count; m++) {
+                    var n = this.view.t._inner[m].c;
+                    NativeUI.r(this.view.t._inner[m].d, n.l.f(this.df));
                 }
-                for (var n = 0; n < this.view.u.count; n++) {
-                    var o = this.view.u._inner[n].c;
-                    NativeUI.aa(this.view.u._inner[n].d, o.m.f(this.de));
+                for (var o = 0; o < this.view.u.count; o++) {
+                    var p = this.view.u._inner[o].c;
+                    NativeUI.aa(this.view.u._inner[o].d, p.m.f(this.dg));
                 }
-                for (var p = 0; p < this.view.e.o.count; p++) {
-                    var q = this.view.e.o._inner[p];
-                    var r = q.split('-');
-                    var s = parseInt(r[r.length - 1]);
-                    if (s < this.e.count) {
-                        for (var t = 0; t < this.view.e.q._inner[p].count; t++) {
-                            var u = this.view.e.q._inner[p]._inner[t].c;
-                            NativeUI.r(this.view.e.q._inner[p]._inner[t].d, u.l.f(this.e.item(s)));
+                for (var q = 0; q < this.view.e.o.count; q++) {
+                    var r = this.view.e.o._inner[q];
+                    var s = r.split('-');
+                    var t = parseInt(s[s.length - 1]);
+                    if (t < this.e.count) {
+                        for (var u = 0; u < this.view.e.q._inner[q].count; u++) {
+                            var v = this.view.e.q._inner[q]._inner[u].c;
+                            NativeUI.r(this.view.e.q._inner[q]._inner[u].d, v.l.f(this.e.item(t)));
                         }
                     }
                 }
-                for (var v = 0; v < this.view.f.o.count; v++) {
-                    var w = this.view.f.o._inner[v];
-                    var x = w.split('-');
-                    var y = parseInt(x[x.length - 1]);
-                    if (y < this.f.count) {
-                        for (var z = 0; z < this.view.f.q._inner[v].count; z++) {
-                            var aa = this.view.f.q._inner[v]._inner[z].c;
-                            NativeUI.aa(this.view.f.q._inner[v]._inner[z].d, aa.m.f(this.f.item(y)));
+                for (var w = 0; w < this.view.f.o.count; w++) {
+                    var x = this.view.f.o._inner[w];
+                    var y = x.split('-');
+                    var z = parseInt(y[y.length - 1]);
+                    if (z < this.f.count) {
+                        for (var aa = 0; aa < this.view.f.q._inner[w].count; aa++) {
+                            var ab = this.view.f.q._inner[w]._inner[aa].c;
+                            NativeUI.aa(this.view.f.q._inner[w]._inner[aa].d, ab.m.f(this.f.item(z)));
                         }
                     }
                 }
-                for (var ab = 0; ab < this.view.q.count; ab++) {
-                    var ac = this.view.q._inner[ab].c;
-                    NativeUI.r(this.view.q._inner[ab].d, ac.l.f(this.cz));
-                    NativeUI.aa(this.view.q._inner[ab].d, ac.m.f(this.c0));
+                for (var ac = 0; ac < this.view.q.count; ac++) {
+                    var ad = this.view.q._inner[ac].c;
+                    NativeUI.r(this.view.q._inner[ac].d, ad.l.f(this.c1));
+                    NativeUI.aa(this.view.q._inner[ac].d, ad.m.f(this.c2));
                 }
             }
-            var ad = this.view.z;
-            if (this.cz != null) {
-                NativeUI.r(ad, this.cz);
+            var ae = this.view.z;
+            if (this.c1 != null) {
+                NativeUI.r(ae, this.c1);
             }
-            if (this.c0 != null) {
-                NativeUI.aa(ad, this.c0);
+            if (this.c2 != null) {
+                NativeUI.aa(ae, this.c2);
             }
-            if (!isNaN_(this.ag)) {
-                NativeUI.ad(ad, this.ag);
+            if (!isNaN_(this.ai)) {
+                NativeUI.ad(ae, this.ai);
             }
         }
-        if (this.m != null) {
-            this.view.aw(this.m);
+        if (this.o != null) {
+            this.view.ax(this.o);
         }
-        if (this.c1 != null) {
-            NativeUI.q(this.view.z, this.c1);
+        if (this.c3 != null) {
+            NativeUI.q(this.view.z, this.c3);
         }
     };
-    XIcon.prototype.cg = function () {
+    XIcon.prototype.ci = function () {
         var e_3, _a, e_4, _b;
-        if (this.cz != null) {
-            this.view.am(this.cz, "fill");
+        if (this.c1 != null) {
+            this.view.an(this.c1, "fill");
         }
-        if (this.c0 != null) {
-            this.view.am(this.c0, "stroke");
+        if (this.c2 != null) {
+            this.view.an(this.c2, "stroke");
         }
         if (this.e != null) {
             try {
                 for (var _c = __values(fromEnum(this.e)), _d = _c.next(); !_d.done; _d = _c.next()) {
                     var a = _d.value;
-                    this.view.am(a, "fills");
+                    this.view.an(a, "fills");
                 }
             }
             catch (e_3_1) {
@@ -750,7 +761,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             try {
                 for (var _e = __values(fromEnum(this.f)), _f = _e.next(); !_f.done; _f = _e.next()) {
                     var b = _f.value;
-                    this.view.am(b, "strokes");
+                    this.view.an(b, "strokes");
                 }
             }
             catch (e_4_1) {
@@ -768,71 +779,90 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    Object.defineProperty(XIcon.prototype, "k", {
+    XIcon.prototype.j = function () {
+        var a = 5;
+        if (this.svgPath != null) {
+            a = 1;
+        }
+        else if (this.b != null && this.b.length > 0) {
+            a = 2;
+        }
+        else if (this.svg != null) {
+            a = 0;
+        }
+        else if (this.bc != null) {
+            a = 3;
+        }
+        else if (this.az != null) {
+            a = 4;
+        }
+        return a;
+    };
+    Object.defineProperty(XIcon.prototype, "m", {
         get: function () {
-            return this.j;
+            return this.l;
         },
         set: function (a) {
-            var b = this.j;
-            this.j = a;
-            if (b != this.j) {
-                this.ce("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+            var b = this.l;
+            this.l = a;
+            if (b != this.l) {
+                this.cg("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "cz", {
+    Object.defineProperty(XIcon.prototype, "c1", {
         get: function () {
-            return this.cm;
+            return this.co;
         },
         set: function (a) {
-            var b = this.cm;
-            this.cm = a;
-            if (b != this.cm) {
-                this.ce("ActualFill", b, a);
+            var b = this.co;
+            this.co = a;
+            if (b != this.co) {
+                this.cg("ActualFill", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "c0", {
+    Object.defineProperty(XIcon.prototype, "c2", {
         get: function () {
-            return this.cn;
+            return this.cp;
         },
         set: function (a) {
-            var b = this.cn;
-            this.cn = a;
-            if (b != this.cn) {
-                this.ce("ActualStroke", b, a);
+            var b = this.cp;
+            this.cp = a;
+            if (b != this.cp) {
+                this.cg("ActualStroke", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "c1", {
+    Object.defineProperty(XIcon.prototype, "c3", {
         get: function () {
-            return this.co;
+            return this.cq;
         },
         set: function (a) {
-            var b = this.co;
-            this.co = a;
-            if (b != this.co) {
-                this.ce("ActualTextColor", b, a);
+            var b = this.cq;
+            this.cq = a;
+            if (b != this.cq) {
+                this.cg("ActualTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ag", {
+    Object.defineProperty(XIcon.prototype, "ai", {
         get: function () {
-            return this.w;
+            return this.y;
         },
         set: function (a) {
-            var b = this.w;
-            this.w = a;
-            if (b != this.w) {
-                this.ce("ActualStrokeWidth", b, a);
+            var b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.cg("ActualStrokeWidth", b, a);
             }
         },
         enumerable: false,
@@ -840,111 +870,111 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XIcon.prototype, "fill", {
         get: function () {
-            return this.cp;
+            return this.cr;
         },
         set: function (a) {
-            var b = this.cp;
-            this.cp = a;
-            if (b != this.cp) {
-                this.ce("Fill", b, a);
+            var b = this.cr;
+            this.cr = a;
+            if (b != this.cr) {
+                this.cg("Fill", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "df", {
+    Object.defineProperty(XIcon.prototype, "dh", {
         get: function () {
-            return this.cx;
+            return this.cz;
         },
         set: function (a) {
-            var b = this.cx;
-            this.cx = a;
-            if (b != this.cx) {
-                this.ce("Stroke", b, a);
+            var b = this.cz;
+            this.cz = a;
+            if (b != this.cz) {
+                this.cg("Stroke", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "am", {
+    Object.defineProperty(XIcon.prototype, "ao", {
         get: function () {
-            return this.aa;
+            return this.ac;
         },
         set: function (a) {
-            var b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.ce("StrokeWidth", b, a);
+            var b = this.ac;
+            this.ac = a;
+            if (b != this.ac) {
+                this.cg("StrokeWidth", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dg", {
+    Object.defineProperty(XIcon.prototype, "di", {
         get: function () {
-            return this.cy;
+            return this.c0;
         },
         set: function (a) {
-            var b = this.cy;
-            this.cy = a;
-            if (b != this.cy) {
-                this.ce("TextColor", b, a);
+            var b = this.c0;
+            this.c0 = a;
+            if (b != this.c0) {
+                this.cg("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "c8", {
+    Object.defineProperty(XIcon.prototype, "da", {
         get: function () {
-            return this.cq;
+            return this.cs;
         },
         set: function (a) {
-            var b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
-                this.ce("HoverFill", b, a);
+            var b = this.cs;
+            this.cs = a;
+            if (b != this.cs) {
+                this.cg("HoverFill", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "c9", {
+    Object.defineProperty(XIcon.prototype, "db", {
         get: function () {
-            return this.cr;
+            return this.ct;
         },
         set: function (a) {
-            var b = this.cr;
-            this.cr = a;
-            if (b != this.cr) {
-                this.ce("HoverStroke", b, a);
+            var b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
+                this.cg("HoverStroke", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ak", {
+    Object.defineProperty(XIcon.prototype, "am", {
         get: function () {
-            return this.y;
+            return this.aa;
         },
         set: function (a) {
-            var b = this.y;
-            this.y = a;
-            if (b != this.y) {
-                this.ce("HoverStrokeThickness", b, a);
+            var b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.cg("HoverStrokeThickness", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "da", {
+    Object.defineProperty(XIcon.prototype, "dc", {
         get: function () {
-            return this.cs;
+            return this.cu;
         },
         set: function (a) {
-            var b = this.cs;
-            this.cs = a;
-            if (b != this.cs) {
-                this.ce("HoverTextColor", b, a);
+            var b = this.cu;
+            this.cu = a;
+            if (b != this.cu) {
+                this.cg("HoverTextColor", b, a);
             }
         },
         enumerable: false,
@@ -958,7 +988,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.ce("FillColors", b, this.c);
+                this.cg("FillColors", b, this.c);
             }
         },
         enumerable: false,
@@ -972,91 +1002,91 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.ce("StrokeColors", b, this.d);
+                this.cg("StrokeColors", b, this.d);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "db", {
+    Object.defineProperty(XIcon.prototype, "dd", {
         get: function () {
-            return this.ct;
+            return this.cv;
         },
         set: function (a) {
-            var b = this.ct;
-            this.ct = a;
-            if (b != this.ct) {
-                this.ce("PrimaryFillColor", b, this.ct);
+            var b = this.cv;
+            this.cv = a;
+            if (b != this.cv) {
+                this.cg("PrimaryFillColor", b, this.cv);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dc", {
+    Object.defineProperty(XIcon.prototype, "de", {
         get: function () {
-            return this.cu;
+            return this.cw;
         },
         set: function (a) {
-            var b = this.cu;
-            this.cu = a;
-            if (b != this.cu) {
-                this.ce("PrimaryStrokeColor", b, this.cu);
+            var b = this.cw;
+            this.cw = a;
+            if (b != this.cw) {
+                this.cg("PrimaryStrokeColor", b, this.cw);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dd", {
+    Object.defineProperty(XIcon.prototype, "df", {
         get: function () {
-            return this.cv;
+            return this.cx;
         },
         set: function (a) {
-            var b = this.cv;
-            this.cv = a;
-            if (b != this.cv) {
-                this.ce("SecondaryFillColor", b, this.cv);
+            var b = this.cx;
+            this.cx = a;
+            if (b != this.cx) {
+                this.cg("SecondaryFillColor", b, this.cx);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "de", {
+    Object.defineProperty(XIcon.prototype, "dg", {
         get: function () {
-            return this.cw;
+            return this.cy;
         },
         set: function (a) {
-            var b = this.cw;
-            this.cw = a;
-            if (b != this.cw) {
-                this.ce("SecondaryStrokeColor", b, this.cw);
+            var b = this.cy;
+            this.cy = a;
+            if (b != this.cy) {
+                this.cg("SecondaryStrokeColor", b, this.cy);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ax", {
+    Object.defineProperty(XIcon.prototype, "az", {
         get: function () {
-            return this.av;
+            return this.ax;
         },
         set: function (a) {
-            var b = this.av;
-            this.av = a;
-            if (b != this.av) {
-                this.ce("Source", b, a);
+            var b = this.ax;
+            this.ax = a;
+            if (b != this.ax) {
+                this.cg("Source", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ba", {
+    Object.defineProperty(XIcon.prototype, "bc", {
         get: function () {
-            return this.az;
+            return this.a1;
         },
         set: function (a) {
-            var b = this.az;
-            this.az = a;
-            if (b != this.az) {
-                this.ce("DataURL", b, a);
+            var b = this.a1;
+            this.a1 = a;
+            if (b != this.a1) {
+                this.cg("DataURL", b, a);
             }
         },
         enumerable: false,
@@ -1064,13 +1094,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XIcon.prototype, "svgPath", {
         get: function () {
-            return this.a2;
+            return this.a4;
         },
         set: function (a) {
-            var b = this.a2;
-            this.a2 = a;
-            if (b != this.a2) {
-                this.ce("SVGPath", b, a);
+            var b = this.a4;
+            this.a4 = a;
+            if (b != this.a4) {
+                this.cg("SVGPath", b, a);
             }
         },
         enumerable: false,
@@ -1078,13 +1108,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XIcon.prototype, "svg", {
         get: function () {
-            return this.a1;
+            return this.a3;
         },
         set: function (a) {
-            var b = this.a1;
-            this.a1 = a;
-            if (b != this.a1) {
-                this.ce("SVG", b, this.a1);
+            var b = this.a3;
+            this.a3 = a;
+            if (b != this.a3) {
+                this.cg("SVG", b, this.a3);
             }
         },
         enumerable: false,
@@ -1098,91 +1128,91 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.ce("SVGPaths", b, this.a);
+                this.cg("SVGPaths", b, this.a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XIcon.prototype.cc = function () {
-        this.t = true;
+    XIcon.prototype.ce = function () {
+        this.v = true;
     };
-    XIcon.prototype.cd = function () {
-        this.t = false;
+    XIcon.prototype.cf = function () {
+        this.v = false;
     };
-    Object.defineProperty(XIcon.prototype, "m", {
+    Object.defineProperty(XIcon.prototype, "o", {
         get: function () {
-            return this.l;
+            return this.n;
         },
         set: function (a) {
-            var b = this.l;
-            this.l = a;
-            if (b != this.l) {
-                this.ce("TextStyle", b, a);
+            var b = this.n;
+            this.n = a;
+            if (b != this.n) {
+                this.cg("TextStyle", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "bk", {
+    Object.defineProperty(XIcon.prototype, "bm", {
         get: function () {
-            return this.a0;
+            return this.a2;
         },
         set: function (a) {
-            var b = this.a0;
-            this.a0 = a;
-            if (b != this.a0) {
-                this.ce("Id", b, a);
+            var b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.cg("Id", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "q", {
+    Object.defineProperty(XIcon.prototype, "s", {
         get: function () {
-            return this.n;
+            return this.p;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "at", {
+    Object.defineProperty(XIcon.prototype, "av", {
         get: function () {
-            return this.as;
+            return this.au;
         },
         set: function (a) {
-            var b = this.as;
-            this.as = a;
-            this.n = true;
-            if (b != this.as) {
-                this.ce("TabIndex", b, a);
+            var b = this.au;
+            this.au = a;
+            this.p = true;
+            if (b != this.au) {
+                this.cg("TabIndex", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "a7", {
+    Object.defineProperty(XIcon.prototype, "a9", {
         get: function () {
-            return this.ay;
+            return this.a0;
         },
         set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.ce("AriaLabel", b, a);
+            var b = this.a0;
+            this.a0 = a;
+            if (b != this.a0) {
+                this.cg("AriaLabel", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "t", {
+    Object.defineProperty(XIcon.prototype, "v", {
         get: function () {
-            return this.p;
+            return this.r;
         },
         set: function (a) {
-            var b = this.p;
-            this.p = a;
-            if (b != this.p) {
-                this.ce("IsHover", b, a);
+            var b = this.r;
+            this.r = a;
+            if (b != this.r) {
+                this.cg("IsHover", b, a);
             }
         },
         enumerable: false,
@@ -1190,125 +1220,125 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XIcon.prototype, "disabled", {
         get: function () {
-            return this.o;
+            return this.q;
         },
         set: function (a) {
-            var b = this.o;
-            this.o = a;
-            if (b != this.o) {
-                this.ce("IsDisabled", b, a);
+            var b = this.q;
+            this.q = a;
+            if (b != this.q) {
+                this.cg("IsDisabled", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "al", {
+    Object.defineProperty(XIcon.prototype, "an", {
         get: function () {
-            return this.z;
+            return this.ab;
         },
         set: function (a) {
-            var b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.ce("Opacity", b, this.z);
+            var b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.cg("Opacity", b, this.ab);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ao", {
+    Object.defineProperty(XIcon.prototype, "aq", {
         get: function () {
-            return this.ac;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.ce("ViewBoxLeft", b, this.ac);
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.cg("ViewBoxLeft", b, this.ae);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ap", {
+    Object.defineProperty(XIcon.prototype, "ar", {
         get: function () {
-            return this.ad;
+            return this.af;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.ce("ViewBoxTop", b, this.ad);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.cg("ViewBoxTop", b, this.af);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "aq", {
+    Object.defineProperty(XIcon.prototype, "as", {
         get: function () {
-            return this.ae;
+            return this.ag;
         },
         set: function (a) {
-            var b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.ce("ViewBoxWidth", b, this.ae);
+            var b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.cg("ViewBoxWidth", b, this.ag);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "an", {
+    Object.defineProperty(XIcon.prototype, "ap", {
         get: function () {
-            return this.ab;
+            return this.ad;
         },
         set: function (a) {
-            var b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.ce("ViewBoxHeight", b, this.ab);
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.cg("ViewBoxHeight", b, this.ad);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ar", {
+    Object.defineProperty(XIcon.prototype, "at", {
         get: function () {
-            return this.af;
+            return this.ah;
         },
         set: function (a) {
-            var b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.ce("Width", b, this.af);
+            var b = this.ah;
+            this.ah = a;
+            if (b != this.ah) {
+                this.cg("Width", b, this.ah);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "aj", {
+    Object.defineProperty(XIcon.prototype, "al", {
         get: function () {
-            return this.x;
+            return this.z;
         },
         set: function (a) {
-            var b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.ce("Height", b, this.x);
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.cg("Height", b, this.z);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XIcon.prototype.cf = function () {
+    XIcon.prototype.ch = function () {
     };
     XIcon.prototype.onDetachedFromUI = function () {
-        this.view.aj();
+        this.view.ak();
     };
     XIcon.prototype.onAttachedToUI = function () {
-        this.view.ag();
+        this.view.ah();
     };
-    XIcon.prototype.v = function () {
+    XIcon.prototype.x = function () {
         if (this.disabled) {
             return false;
         }
@@ -1319,13 +1349,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
-    XIcon.prototype.u = function () {
+    XIcon.prototype.w = function () {
         return this.view.l();
     };
-    XIcon.prototype.aw = function () {
+    XIcon.prototype.ay = function () {
         return this.g();
     };
-    XIcon.prototype.bc = function () {
+    XIcon.prototype.be = function () {
         var a = this.g();
         return a.l();
     };
@@ -1339,9 +1369,9 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         a.a = this.view.a();
         a.svg = this.svg;
         a.svgPath = this.svgPath;
-        a.k = this.ba;
-        if (this.m != null) {
-            var c = this.m;
+        a.k = this.bc;
+        if (this.o != null) {
+            var c = this.o;
             if (this.view != null && c.q == null) {
                 var d = this.view.v;
                 var e = FontUtil.getFontInfoFromString(d, c.fontString);
@@ -1371,18 +1401,18 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XIcon.prototype.provideContainer = function (a) {
-        this.view.ai(a);
+        this.view.aj(a);
     };
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
-    XIcon.c2 = null;
-    XIcon.c7 = null;
-    XIcon.c6 = null;
-    XIcon.c3 = null;
     XIcon.c4 = null;
+    XIcon.c9 = null;
+    XIcon.c8 = null;
     XIcon.c5 = null;
-    XIcon.ai = NaN;
-    XIcon.ah = NaN;
-    XIcon.au = 0;
+    XIcon.c6 = null;
+    XIcon.c7 = null;
+    XIcon.ak = NaN;
+    XIcon.aj = NaN;
+    XIcon.aw = 0;
     return XIcon;
 }(Base));
 export { XIcon };