igniteui-webcomponents-inputs 6.0.1 → 6.0.2-beta.1

package/esm5/lib/IconView_combined.js

@@ -51,11 +51,12 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.u = null;
         _this.e = null;
         _this.f = null;
-        _this.ab = null;
+        _this.ac = null;
         _this.n = new Dictionary$2(Brush.$, String_$type, 0);
         _this.j = true;
         _this.y = null;
         _this.x = null;
+        _this.z = null;
         _this.w = null;
         _this.p = new List$1(DomWrapper_$type, 0);
         _this.q = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
@@ -67,19 +68,19 @@ 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.am = function () {
+    IconView.prototype.an = function () {
     };
     IconView.prototype.l = function () {
         return true;
     };
-    Object.defineProperty(IconView.prototype, "z", {
+    Object.defineProperty(IconView.prototype, "aa", {
         get: function () {
             return this.y;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "aa", {
+    Object.defineProperty(IconView.prototype, "ab", {
         get: function () {
             return null;
         },
@@ -100,7 +101,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    IconView.prototype.ak = function (a) {
+    IconView.prototype.al = function (a) {
         var e_1, _a;
         if (a == null) {
             try {
@@ -137,7 +138,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.au();
+        this.av();
         var c = this.v.createElementNS("svg", "http://www.w3.org/2000/svg");
         c.setStyleProperty("position", "absolute");
         c.setStyleProperty("top", "0");
@@ -150,14 +151,15 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setStyleProperty("width", "100%");
         d.setStyleProperty("object-fit", "contain");
         this.x = d;
-        this.a0();
+        this.a1();
         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.aj)));
-        this.d.cm();
+        this.o.add(c.listen("click", runOn(this, this.ak)));
+        this.d.c6();
     };
-    IconView.prototype.ax = function (a) {
+    IconView.prototype.ay = function (a) {
+        this.z = null;
         this.n.clear();
         this.v.rootWrapper.removeChildren();
         this.v.rootWrapper.append(this.y);
@@ -172,7 +174,8 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.p.add(b);
         }
     };
-    IconView.prototype.ay = function (a) {
+    IconView.prototype.az = function (a) {
+        this.z = null;
         this.n.clear();
         this.v.rootWrapper.removeChildren();
         this.v.rootWrapper.append(this.y);
@@ -189,46 +192,69 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    IconView.prototype.aw = function (a) {
+    IconView.prototype.ax = function (a) {
+        this.z = null;
         this.v.rootWrapper.removeChildren();
         if (a != null) {
             var b = this.v.rootWrapper.getNativeElement();
             b.innerHTML = a;
+            this.z = this.v.rootWrapper.getChildAt(0);
+            var c = this.z.getAttribute("viewbox");
+            if (c != null) {
+                var d = c.split(' ');
+                if (d.length == 1) {
+                    d = c.split(',');
+                }
+                if (d.length == 4) {
+                    var e = parseFloat(d[0].trim());
+                    var f = parseFloat(d[1].trim());
+                    var g = parseFloat(d[2].trim());
+                    var h = parseFloat(d[3].trim());
+                    this.d.dd(e, f, g, h);
+                }
+            }
+            else {
+                this.d.dd(NaN, NaN, NaN, NaN);
+            }
         }
     };
-    IconView.prototype.as = function (a) {
-        if (this.ab != a) {
-            this.ab = a;
+    IconView.prototype.at = function (a) {
+        this.z = null;
+        if (this.ac != a) {
+            this.ac = a;
             this.v.rootWrapper.removeChildren();
             this.v.rootWrapper.append(this.x);
             this.x.setAttribute("src", a);
         }
     };
-    IconView.prototype.av = function (a) {
+    IconView.prototype.aw = function (a) {
         if (typeof a === 'string') {
-            this.as(typeCast(String_$type, a));
+            this.at(typeCast(String_$type, a));
         }
     };
-    IconView.prototype.ah = function () {
+    IconView.prototype.ai = function () {
         if (this.d.k != 3 && this.d.k != 4) {
-            this.ab = null;
+            this.ac = null;
         }
     };
     IconView.prototype.k = function () {
         return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
     };
-    IconView.prototype.au = 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.av = function () {
+        this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.a9) ? "1.5rem" : this.d.a9 + "px");
+        this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.a1) ? "1.5rem" : this.d.a1 + "px");
     };
-    IconView.prototype.a0 = 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;
+    IconView.prototype.a1 = function () {
+        var a = this.d.as;
+        var b = this.d.at;
+        var c = this.d.au;
+        var d = this.d.ar;
         this.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
+        if (this.z != null) {
+            this.z.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
+        }
     };
-    IconView.prototype.ao = function (a, b) {
+    IconView.prototype.ap = function (a, b) {
         var c = a.color;
         if (!this.n.containsKey(a)) {
             if (a.isGradient) {
@@ -256,7 +282,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    IconView.prototype.ap = function (a, b) {
+    IconView.prototype.aq = function (a, b) {
         var c = a;
         if (this.n.containsKey(b)) {
             c.setAttribute("fill", "url(#" + this.n.item(b) + ")");
@@ -267,7 +293,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             NativeUI.r(a, b);
         }
     };
-    IconView.prototype.aq = function (a, b) {
+    IconView.prototype.ar = function (a, b) {
         var c = a;
         if (this.n.containsKey(b)) {
             c.setAttribute("stroke", "url('#" + this.n.item(b) + "')");
@@ -276,24 +302,24 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
             NativeUI.aa(a, b);
         }
     };
-    IconView.prototype.ac = function (a) {
+    IconView.prototype.ad = function (a) {
     };
-    IconView.prototype.an = function () {
+    IconView.prototype.ao = function () {
         if (this.l()) {
         }
     };
-    IconView.prototype.ad = function (a) {
-        this.d.cj();
-    };
     IconView.prototype.ae = function (a) {
-        this.d.ck();
+        this.d.c3();
     };
-    IconView.prototype.ai = function () {
+    IconView.prototype.af = function (a) {
+        this.d.c4();
+    };
+    IconView.prototype.aj = 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)));
+        this.o.add(this.v.rootWrapper.listen("mouseenter", runOn(this, this.ae)));
+        this.o.add(this.v.rootWrapper.listen("mouseleave", runOn(this, this.af)));
     };
-    IconView.prototype.al = function () {
+    IconView.prototype.am = function () {
         var e_2, _a;
         this.j = false;
         try {
@@ -317,7 +343,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.o.clear();
     };
-    IconView.prototype.az = function (a) {
+    IconView.prototype.a0 = function (a) {
         if (a != null) {
             this.v.rootWrapper.setStyleProperty("font", a.fontString);
         }
@@ -331,7 +357,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         c[1] = b;
         return c;
     };
-    IconView.prototype.aj = function (a) {
+    IconView.prototype.ak = function (a) {
         if (this.d.x()) {
             a.stopPropagation();
             a.preventDefault();
@@ -342,7 +368,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = this.v.rootWrapper.getNativeElement();
         return a.toArray();
     };
-    IconView.prototype.ag = function (a, b) {
+    IconView.prototype.ah = function (a, b) {
         for (var c = 0; c < b.e.count; c++) {
             var d = b.e._inner[c];
             var e = this.h(d);
@@ -350,7 +376,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 a.add(e);
             }
             else {
-                this.ag(a, d);
+                this.ah(a, d);
             }
         }
     };
@@ -363,7 +389,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                     $ret.an = a.w;
                     return $ret;
                 })());
-                this.at(c, a);
+                this.au(c, a);
                 b = new PathVisualData(1, "path1", c);
                 break;
             case 3:
@@ -373,7 +399,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 e.ao = d.x;
                 e.ap = d.y;
                 e.aq = d.z;
-                this.at(e, a);
+                this.au(e, a);
                 b = new LineVisualData(1, "line1", e);
                 break;
             case 4:
@@ -383,7 +409,7 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 g.height = f.w;
                 g.ap = f.x;
                 g.aq = f.y;
-                this.at(g, a);
+                this.au(g, a);
                 b = new RectangleVisualData(1, "rect1", g);
                 break;
             case 5:
@@ -392,13 +418,13 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var i = new Ellipse();
                 i.width = h.y * 2;
                 i.height = h.z * 2;
-                this.at(i, a);
+                this.au(i, a);
                 b = new EllipseVisualData(1, "ellipse1", i);
                 break;
         }
         return b;
     };
-    IconView.prototype.at = function (a, b) {
+    IconView.prototype.au = function (a, b) {
         var c = b;
         a.ad = b.t;
         a.j = c.h;
@@ -431,14 +457,14 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return null;
     };
-    IconView.prototype.ar = function (a, b) {
+    IconView.prototype.as = function (a, b) {
         this.v.rootWrapper.removeChildren();
         if (a == null) {
             return;
         }
         LegendItemHelper.c(this.v, 0, 0, 24, 24, b, null, a, null);
     };
-    IconView.prototype.af = function () {
+    IconView.prototype.ag = function () {
         this.v.rootWrapper.removeChildren();
     };
     IconView.$t = markType(IconView, 'IconView');
@@ -455,51 +481,59 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._view = null;
         _this.k = 0;
         _this.l = 0;
-        _this.cv = XIcon.db;
-        _this.cw = XIcon.df;
-        _this.cx = XIcon.dg;
-        _this.y = XIcon.ak;
-        _this.cy = XIcon.db;
-        _this.c6 = XIcon.df;
-        _this.ac = XIcon.ak;
-        _this.c7 = XIcon.dg;
-        _this.cz = XIcon.dc;
-        _this.c0 = XIcon.dd;
-        _this.aa = XIcon.aj;
-        _this.c1 = null;
+        _this.dg = XIcon.dx;
+        _this.dh = XIcon.d1;
+        _this.di = XIcon.d2;
+        _this.y = XIcon.aw;
+        _this.dj = XIcon.dx;
+        _this.ds = XIcon.d1;
+        _this.ak = XIcon.aw;
+        _this.dt = XIcon.d2;
+        _this.dk = XIcon.dy;
+        _this.dl = XIcon.dz;
+        _this.ae = XIcon.av;
+        _this.dm = null;
         _this.c = null;
         _this.d = null;
-        _this.c2 = null;
-        _this.c3 = null;
-        _this.c4 = null;
-        _this.c5 = null;
-        _this.ay = null;
-        _this.a3 = null;
-        _this.a6 = null;
-        _this.a5 = null;
+        _this.dn = null;
+        _this.dp = null;
+        _this.dq = null;
+        _this.dr = null;
+        _this.be = null;
+        _this.bj = null;
+        _this.bm = null;
+        _this.bl = null;
         _this.a = null;
-        _this.ct = null;
-        _this.ax = null;
+        _this.de = null;
+        _this.bd = null;
         _this.n = null;
-        _this.a4 = "ig-icon-" + XIcon.aw++;
-        _this.au = 0;
+        _this.bk = "ig-icon-" + XIcon.bc++;
+        _this.ba = 0;
         _this.p = false;
-        _this.a2 = null;
+        _this.bi = null;
         _this.r = false;
         _this.q = false;
-        _this.ab = 1;
-        _this.ae = NaN;
-        _this.af = NaN;
-        _this.ag = NaN;
+        _this.af = 1;
+        _this.aa = 0;
+        _this.am = NaN;
+        _this.ab = 0;
+        _this.an = NaN;
+        _this.ac = 24;
+        _this.ao = NaN;
+        _this.z = 24;
+        _this.al = NaN;
+        _this.ap = NaN;
         _this.ad = NaN;
-        _this.ah = NaN;
-        _this.z = NaN;
         _this.clicked = null;
         _this.propertyChanged = null;
+        _this.ah = NaN;
+        _this.ai = NaN;
+        _this.aj = NaN;
+        _this.ag = NaN;
         var a = new IconView();
         a.d = _this;
         _this.view = a;
-        _this.view.am();
+        _this.view.an();
         return _this;
     }
     Object.defineProperty(XIcon.prototype, "view", {
@@ -515,13 +549,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     XIcon.prototype.destroy = function () {
         this.provideContainer(null);
     };
-    XIcon.prototype.cl = function (a, b, c) {
+    XIcon.prototype.c5 = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.co(a, b, c);
+        this.c8(a, b, c);
     };
-    XIcon.prototype.co = function (a, b, c) {
+    XIcon.prototype.c8 = function (a, b, c) {
         switch (a) {
             case "Fill":
             case "Stroke":
@@ -530,80 +564,92 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             case "HoverStroke":
             case "HoverStrokeThickness":
             case "IsHover":
-                this.cs();
+                this.dc();
                 break;
             case "FillColors":
             case "StrokeColors":
             case "ActualFill":
             case "ActualStroke":
             case "ActualStrokeWidth":
-                this.cq();
+                this.da();
                 break;
             case "SVG":
-                this.a6 = null;
+                this.bm = null;
                 this.a = null;
-                this.cq();
+                this.da();
                 break;
             case "SVGPath":
-                this.a5 = null;
+                this.bl = null;
                 this.a = null;
-                this.cq();
+                this.da();
                 break;
             case "SVGPaths":
-                this.a5 = null;
-                this.a6 = null;
-                this.cq();
+                this.bl = null;
+                this.bm = null;
+                this.da();
                 break;
             case "DataURL":
-                this.a5 = null;
-                this.a6 = null;
+                this.bl = null;
+                this.bm = null;
                 this.a = null;
-                this.cq();
+                this.da();
                 break;
             case "Source":
-                this.a5 = null;
-                this.a6 = null;
+                this.bl = null;
+                this.bm = null;
                 this.a = null;
-                this.cq();
+                this.da();
                 break;
             case "DataTemplate":
             case "DataTemplateContext":
-                this.a5 = null;
-                this.a6 = null;
+                this.bl = null;
+                this.bm = null;
                 this.a = null;
-                this.cq();
+                this.da();
                 break;
             case "Opacity":
-                this.cr();
+                this.db();
                 break;
             case "ViewBoxLeft":
+                this.as = !isNaN_(this.a6) ? this.a6 : !isNaN_(this.ah) ? this.ah : 0;
+                break;
             case "ViewBoxTop":
+                this.at = !isNaN_(this.a7) ? this.a7 : !isNaN_(this.ai) ? this.ai : 0;
+                break;
             case "ViewBoxWidth":
+                this.au = !isNaN_(this.a8) ? this.a8 : !isNaN_(this.aj) ? this.aj : 24;
+                break;
             case "ViewBoxHeight":
-                this.view.a0();
+                this.ar = !isNaN_(this.a5) ? this.a5 : !isNaN_(this.ag) ? this.ag : 24;
+                break;
+            case "ActualViewBoxLeft":
+            case "ActualViewBoxTop":
+            case "ActualViewBoxWidth":
+            case "ActualViewBoxHeight":
+                this.view.a1();
                 break;
             case "Width":
             case "Height":
-                this.view.au();
+                this.view.av();
                 break;
         }
     };
-    XIcon.prototype.cs = function () {
-        var a = this.fill != null ? this.fill : XIcon.db;
-        var b = this.dp != null ? this.dp : XIcon.df;
-        var c = !isNaN_(this.ao) ? this.ao : XIcon.ak;
-        var d = this.dq != null ? this.dq : XIcon.dg;
+    XIcon.prototype.dc = function () {
+        var a = this.fill != null ? this.fill : XIcon.dx;
+        var b = this.ea != null ? this.ea : XIcon.d1;
+        var c = !isNaN_(this.a4) ? this.a4 : XIcon.aw;
+        var d = this.eb != null ? this.eb : XIcon.d2;
         if (this.v) {
-            this.c8 = this.dh != null ? this.dh : a;
-            this.c9 = this.di != null ? this.di : b;
-            this.ai = !isNaN_(this.am) ? this.am : c;
-            this.da = this.dj != null ? this.dj : d;
+            this.du = this.d3 != null ? this.d3 : a;
+            this.dv = this.d4 != null ? this.d4 : b;
+            this.aq = !isNaN_(this.a2) ? this.a2 : c;
+            this.dw = this.d5 != null ? this.d5 : d;
         }
         else {
-            this.c8 = a;
-            this.c9 = b;
-            this.ai = c;
-            this.da = d;
+            this.du = a;
+            this.dv = b;
+            this.aq = c;
+            this.dw = d;
         }
     };
     Object.defineProperty(XIcon.prototype, "t", {
@@ -613,60 +659,60 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XIcon.prototype.cr = function () {
-        NativeUI.y(this.view.z, this.an);
+    XIcon.prototype.db = function () {
+        NativeUI.y(this.view.aa, this.a3);
     };
-    XIcon.prototype.cf = function () {
-        this.view.af();
+    XIcon.prototype.cz = function () {
+        this.view.ag();
     };
-    XIcon.prototype.cq = function () {
-        var a = this.view.z;
+    XIcon.prototype.da = function () {
+        var a = this.view.aa;
         if (this.t) {
-            var b = this.view.aa;
-            NativeUI.r(b, this.c8);
-            NativeUI.aa(b, this.c9);
-            NativeUI.ad(b, this.ai);
+            var b = this.view.ab;
+            NativeUI.r(b, this.du);
+            NativeUI.aa(b, this.dv);
+            NativeUI.ad(b, this.aq);
         }
         else {
             var c = this.j();
             if (c != this.k) {
                 this.k = c;
-                this.view.ah();
+                this.view.ai();
             }
             var d = false;
-            if (this.cu != null) {
-                this.view.ar(this.cu, this.az);
+            if (this.df != null) {
+                this.view.as(this.df, this.bf);
             }
             else if (this.svgPath != null) {
                 if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
-                    this.view.aw(this.svgPath);
+                    this.view.ax(this.svgPath);
                     d = true;
                 }
                 else {
-                    this.view.ax(this.svgPath);
+                    this.view.ay(this.svgPath);
                 }
             }
             else if (this.b != null) {
-                this.view.ay(this.b);
+                this.view.az(this.b);
                 var e = this.view.c;
                 if (e != null && e.length > 0) {
                     var f = NativeUI.r;
                     var g = NativeUI.aa;
-                    this.cn();
-                    f = runOn(this.view, this.view.ap);
-                    g = runOn(this.view, this.view.aq);
+                    this.c7();
+                    f = runOn(this.view, this.view.aq);
+                    g = runOn(this.view, this.view.ar);
                     for (var h = 0; h < e.length; h++) {
-                        if (this.c8 != null) {
-                            f(e[h], this.c8);
+                        if (this.du != null) {
+                            f(e[h], this.du);
                         }
-                        if (this.c9 != null) {
-                            g(e[h], this.c9);
+                        if (this.dv != null) {
+                            g(e[h], this.dv);
                         }
-                        if (!isNaN_(this.ai)) {
-                            NativeUI.ad(e[h], this.ai);
+                        if (!isNaN_(this.aq)) {
+                            NativeUI.ad(e[h], this.aq);
                         }
-                        if (this.da != null) {
-                            NativeUI.q(e[h], this.da);
+                        if (this.dw != null) {
+                            NativeUI.q(e[h], this.dw);
                         }
                         if (this.e != null && this.e.count == e.length) {
                             f(e[h], this.e.item(h));
@@ -677,38 +723,38 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                 }
                 if (this.o != null) {
-                    this.view.az(this.o);
+                    this.view.a0(this.o);
                 }
                 return;
             }
             else if (this.svg != null) {
-                this.view.aw(this.svg);
+                this.view.ax(this.svg);
                 d = true;
             }
-            else if (this.bg != null) {
-                this.view.as(this.bg);
+            else if (this.b0 != null) {
+                this.view.at(this.b0);
             }
-            else if (this.a1 != null) {
-                this.view.av(this.a1);
+            else if (this.bh != null) {
+                this.view.aw(this.bh);
             }
             else {
             }
             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.dk));
+                    NativeUI.r(this.view.r._inner[i].d, j.l.f(this.d6));
                 }
                 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.dl));
+                    NativeUI.aa(this.view.s._inner[k].d, l.m.f(this.d7));
                 }
                 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.dm));
+                    NativeUI.r(this.view.t._inner[m].d, n.l.f(this.d8));
                 }
                 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.dn));
+                    NativeUI.aa(this.view.u._inner[o].d, p.m.f(this.d9));
                 }
                 for (var q = 0; q < this.view.e.o.count; q++) {
                     var r = this.view.e.o._inner[q];
@@ -734,41 +780,41 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 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.c8));
-                    NativeUI.aa(this.view.q._inner[ac].d, ad.m.f(this.c9));
+                    NativeUI.r(this.view.q._inner[ac].d, ad.l.f(this.du));
+                    NativeUI.aa(this.view.q._inner[ac].d, ad.m.f(this.dv));
                 }
             }
-            var ae = this.view.z;
-            if (this.c8 != null) {
-                NativeUI.r(ae, this.c8);
+            var ae = this.view.aa;
+            if (this.du != null) {
+                NativeUI.r(ae, this.du);
             }
-            if (this.c9 != null) {
-                NativeUI.aa(ae, this.c9);
+            if (this.dv != null) {
+                NativeUI.aa(ae, this.dv);
             }
-            if (!isNaN_(this.ai)) {
-                NativeUI.ad(ae, this.ai);
+            if (!isNaN_(this.aq)) {
+                NativeUI.ad(ae, this.aq);
             }
         }
         if (this.o != null) {
-            this.view.az(this.o);
+            this.view.a0(this.o);
         }
-        if (this.da != null) {
-            NativeUI.q(this.view.z, this.da);
+        if (this.dw != null) {
+            NativeUI.q(this.view.aa, this.dw);
         }
     };
-    XIcon.prototype.cn = function () {
+    XIcon.prototype.c7 = function () {
         var e_3, _a, e_4, _b;
-        if (this.c8 != null) {
-            this.view.ao(this.c8, "fill");
+        if (this.du != null) {
+            this.view.ap(this.du, "fill");
         }
-        if (this.c9 != null) {
-            this.view.ao(this.c9, "stroke");
+        if (this.dv != null) {
+            this.view.ap(this.dv, "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.ao(a, "fills");
+                    this.view.ap(a, "fills");
                 }
             }
             catch (e_3_1) {
@@ -789,7 +835,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.ao(b, "strokes");
+                    this.view.ap(b, "strokes");
                 }
             }
             catch (e_4_1) {
@@ -818,10 +864,10 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         else if (this.svg != null) {
             a = 0;
         }
-        else if (this.bg != null) {
+        else if (this.b0 != null) {
             a = 3;
         }
-        else if (this.a1 != null) {
+        else if (this.bh != null) {
             a = 4;
         }
         return a;
@@ -834,55 +880,55 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.l;
             this.l = a;
             if (b != this.l) {
-                this.cl("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+                this.c5("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "c8", {
+    Object.defineProperty(XIcon.prototype, "du", {
         get: function () {
-            return this.cv;
+            return this.dg;
         },
         set: function (a) {
-            var b = this.cv;
-            this.cv = a;
-            if (b != this.cv) {
-                this.cl("ActualFill", b, a);
+            var b = this.dg;
+            this.dg = a;
+            if (b != this.dg) {
+                this.c5("ActualFill", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "c9", {
+    Object.defineProperty(XIcon.prototype, "dv", {
         get: function () {
-            return this.cw;
+            return this.dh;
         },
         set: function (a) {
-            var b = this.cw;
-            this.cw = a;
-            if (b != this.cw) {
-                this.cl("ActualStroke", b, a);
+            var b = this.dh;
+            this.dh = a;
+            if (b != this.dh) {
+                this.c5("ActualStroke", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "da", {
+    Object.defineProperty(XIcon.prototype, "dw", {
         get: function () {
-            return this.cx;
+            return this.di;
         },
         set: function (a) {
-            var b = this.cx;
-            this.cx = a;
-            if (b != this.cx) {
-                this.cl("ActualTextColor", b, a);
+            var b = this.di;
+            this.di = a;
+            if (b != this.di) {
+                this.c5("ActualTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ai", {
+    Object.defineProperty(XIcon.prototype, "aq", {
         get: function () {
             return this.y;
         },
@@ -890,7 +936,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.y;
             this.y = a;
             if (b != this.y) {
-                this.cl("ActualStrokeWidth", b, a);
+                this.c5("ActualStrokeWidth", b, a);
             }
         },
         enumerable: false,
@@ -898,111 +944,111 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XIcon.prototype, "fill", {
         get: function () {
-            return this.cy;
+            return this.dj;
         },
         set: function (a) {
-            var b = this.cy;
-            this.cy = a;
-            if (b != this.cy) {
-                this.cl("Fill", b, a);
+            var b = this.dj;
+            this.dj = a;
+            if (b != this.dj) {
+                this.c5("Fill", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dp", {
+    Object.defineProperty(XIcon.prototype, "ea", {
         get: function () {
-            return this.c6;
+            return this.ds;
         },
         set: function (a) {
-            var b = this.c6;
-            this.c6 = a;
-            if (b != this.c6) {
-                this.cl("Stroke", b, a);
+            var b = this.ds;
+            this.ds = a;
+            if (b != this.ds) {
+                this.c5("Stroke", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ao", {
+    Object.defineProperty(XIcon.prototype, "a4", {
         get: function () {
-            return this.ac;
+            return this.ak;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.cl("StrokeWidth", b, a);
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.c5("StrokeWidth", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dq", {
+    Object.defineProperty(XIcon.prototype, "eb", {
         get: function () {
-            return this.c7;
+            return this.dt;
         },
         set: function (a) {
-            var b = this.c7;
-            this.c7 = a;
-            if (b != this.c7) {
-                this.cl("TextColor", b, a);
+            var b = this.dt;
+            this.dt = a;
+            if (b != this.dt) {
+                this.c5("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dh", {
+    Object.defineProperty(XIcon.prototype, "d3", {
         get: function () {
-            return this.cz;
+            return this.dk;
         },
         set: function (a) {
-            var b = this.cz;
-            this.cz = a;
-            if (b != this.cz) {
-                this.cl("HoverFill", b, a);
+            var b = this.dk;
+            this.dk = a;
+            if (b != this.dk) {
+                this.c5("HoverFill", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "di", {
+    Object.defineProperty(XIcon.prototype, "d4", {
         get: function () {
-            return this.c0;
+            return this.dl;
         },
         set: function (a) {
-            var b = this.c0;
-            this.c0 = a;
-            if (b != this.c0) {
-                this.cl("HoverStroke", b, a);
+            var b = this.dl;
+            this.dl = a;
+            if (b != this.dl) {
+                this.c5("HoverStroke", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "am", {
+    Object.defineProperty(XIcon.prototype, "a2", {
         get: function () {
-            return this.aa;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.cl("HoverStrokeThickness", b, a);
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.c5("HoverStrokeThickness", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dj", {
+    Object.defineProperty(XIcon.prototype, "d5", {
         get: function () {
-            return this.c1;
+            return this.dm;
         },
         set: function (a) {
-            var b = this.c1;
-            this.c1 = a;
-            if (b != this.c1) {
-                this.cl("HoverTextColor", b, a);
+            var b = this.dm;
+            this.dm = a;
+            if (b != this.dm) {
+                this.c5("HoverTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1016,7 +1062,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.cl("FillColors", b, this.c);
+                this.c5("FillColors", b, this.c);
             }
         },
         enumerable: false,
@@ -1030,91 +1076,91 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.cl("StrokeColors", b, this.d);
+                this.c5("StrokeColors", b, this.d);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dk", {
+    Object.defineProperty(XIcon.prototype, "d6", {
         get: function () {
-            return this.c2;
+            return this.dn;
         },
         set: function (a) {
-            var b = this.c2;
-            this.c2 = a;
-            if (b != this.c2) {
-                this.cl("PrimaryFillColor", b, this.c2);
+            var b = this.dn;
+            this.dn = a;
+            if (b != this.dn) {
+                this.c5("PrimaryFillColor", b, this.dn);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dl", {
+    Object.defineProperty(XIcon.prototype, "d7", {
         get: function () {
-            return this.c3;
+            return this.dp;
         },
         set: function (a) {
-            var b = this.c3;
-            this.c3 = a;
-            if (b != this.c3) {
-                this.cl("PrimaryStrokeColor", b, this.c3);
+            var b = this.dp;
+            this.dp = a;
+            if (b != this.dp) {
+                this.c5("PrimaryStrokeColor", b, this.dp);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dm", {
+    Object.defineProperty(XIcon.prototype, "d8", {
         get: function () {
-            return this.c4;
+            return this.dq;
         },
         set: function (a) {
-            var b = this.c4;
-            this.c4 = a;
-            if (b != this.c4) {
-                this.cl("SecondaryFillColor", b, this.c4);
+            var b = this.dq;
+            this.dq = a;
+            if (b != this.dq) {
+                this.c5("SecondaryFillColor", b, this.dq);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "dn", {
+    Object.defineProperty(XIcon.prototype, "d9", {
         get: function () {
-            return this.c5;
+            return this.dr;
         },
         set: function (a) {
-            var b = this.c5;
-            this.c5 = a;
-            if (b != this.c5) {
-                this.cl("SecondaryStrokeColor", b, this.c5);
+            var b = this.dr;
+            this.dr = a;
+            if (b != this.dr) {
+                this.c5("SecondaryStrokeColor", b, this.dr);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "a1", {
+    Object.defineProperty(XIcon.prototype, "bh", {
         get: function () {
-            return this.ay;
+            return this.be;
         },
         set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.cl("Source", b, a);
+            var b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.c5("Source", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "bg", {
+    Object.defineProperty(XIcon.prototype, "b0", {
         get: function () {
-            return this.a3;
+            return this.bj;
         },
         set: function (a) {
-            var b = this.a3;
-            this.a3 = a;
-            if (b != this.a3) {
-                this.cl("DataURL", b, a);
+            var b = this.bj;
+            this.bj = a;
+            if (b != this.bj) {
+                this.c5("DataURL", b, a);
             }
         },
         enumerable: false,
@@ -1122,13 +1168,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XIcon.prototype, "svgPath", {
         get: function () {
-            return this.a6;
+            return this.bm;
         },
         set: function (a) {
-            var b = this.a6;
-            this.a6 = a;
-            if (b != this.a6) {
-                this.cl("SVGPath", b, a);
+            var b = this.bm;
+            this.bm = a;
+            if (b != this.bm) {
+                this.c5("SVGPath", b, a);
             }
         },
         enumerable: false,
@@ -1136,13 +1182,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XIcon.prototype, "svg", {
         get: function () {
-            return this.a5;
+            return this.bl;
         },
         set: function (a) {
-            var b = this.a5;
-            this.a5 = a;
-            if (b != this.a5) {
-                this.cl("SVG", b, this.a5);
+            var b = this.bl;
+            this.bl = a;
+            if (b != this.bl) {
+                this.c5("SVG", b, this.bl);
             }
         },
         enumerable: false,
@@ -1156,44 +1202,44 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cl("SVGPaths", b, this.a);
+                this.c5("SVGPaths", b, this.a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "cu", {
+    Object.defineProperty(XIcon.prototype, "df", {
         get: function () {
-            return this.ct;
+            return this.de;
         },
         set: function (a) {
-            var b = this.ct;
-            this.ct = a;
-            if (b != this.ct) {
-                this.cl("DataTemplate", b, this.ct);
+            var b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.c5("DataTemplate", b, this.de);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "az", {
+    Object.defineProperty(XIcon.prototype, "bf", {
         get: function () {
-            return this.ax;
+            return this.bd;
         },
         set: function (a) {
-            var b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.cl("DataTemplateContext", b, this.ax);
+            var b = this.bd;
+            this.bd = a;
+            if (b != this.bd) {
+                this.c5("DataTemplateContext", b, this.bd);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XIcon.prototype.cj = function () {
+    XIcon.prototype.c3 = function () {
         this.v = true;
     };
-    XIcon.prototype.ck = function () {
+    XIcon.prototype.c4 = function () {
         this.v = false;
     };
     Object.defineProperty(XIcon.prototype, "o", {
@@ -1204,21 +1250,21 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.n;
             this.n = a;
             if (b != this.n) {
-                this.cl("TextStyle", b, a);
+                this.c5("TextStyle", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "bq", {
+    Object.defineProperty(XIcon.prototype, "ca", {
         get: function () {
-            return this.a4;
+            return this.bk;
         },
         set: function (a) {
-            var b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
-                this.cl("Id", b, a);
+            var b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.c5("Id", b, a);
             }
         },
         enumerable: false,
@@ -1231,30 +1277,30 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "av", {
+    Object.defineProperty(XIcon.prototype, "bb", {
         get: function () {
-            return this.au;
+            return this.ba;
         },
         set: function (a) {
-            var b = this.au;
-            this.au = a;
+            var b = this.ba;
+            this.ba = a;
             this.p = true;
-            if (b != this.au) {
-                this.cl("TabIndex", b, a);
+            if (b != this.ba) {
+                this.c5("TabIndex", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "bb", {
+    Object.defineProperty(XIcon.prototype, "bv", {
         get: function () {
-            return this.a2;
+            return this.bi;
         },
         set: function (a) {
-            var b = this.a2;
-            this.a2 = a;
-            if (b != this.a2) {
-                this.cl("AriaLabel", b, a);
+            var b = this.bi;
+            this.bi = a;
+            if (b != this.bi) {
+                this.c5("AriaLabel", b, a);
             }
         },
         enumerable: false,
@@ -1268,7 +1314,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.r;
             this.r = a;
             if (b != this.r) {
-                this.cl("IsHover", b, a);
+                this.c5("IsHover", b, a);
             }
         },
         enumerable: false,
@@ -1282,97 +1328,111 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.q;
             this.q = a;
             if (b != this.q) {
-                this.cl("IsDisabled", b, a);
+                this.c5("IsDisabled", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "an", {
+    Object.defineProperty(XIcon.prototype, "a3", {
         get: function () {
-            return this.ab;
+            return this.af;
         },
         set: function (a) {
-            var b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.cl("Opacity", b, this.ab);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.c5("Opacity", b, this.af);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "aq", {
+    Object.defineProperty(XIcon.prototype, "as", {
         get: function () {
-            return this.ae;
+            return this.aa;
         },
         set: function (a) {
-            var b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.cl("ViewBoxLeft", b, this.ae);
+            var b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.c5("ActualViewBoxLeft", b, this.aa);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ar", {
+    Object.defineProperty(XIcon.prototype, "a6", {
         get: function () {
-            return this.af;
+            return this.am;
         },
         set: function (a) {
-            var b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.cl("ViewBoxTop", b, this.af);
+            var b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.c5("ViewBoxLeft", b, this.am);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "as", {
+    Object.defineProperty(XIcon.prototype, "at", {
         get: function () {
-            return this.ag;
+            return this.ab;
         },
         set: function (a) {
-            var b = this.ag;
-            this.ag = a;
-            if (b != this.ag) {
-                this.cl("ViewBoxWidth", b, this.ag);
+            var b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.c5("ActualViewBoxTop", b, this.ab);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "ap", {
+    Object.defineProperty(XIcon.prototype, "a7", {
         get: function () {
-            return this.ad;
+            return this.an;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.cl("ViewBoxHeight", b, this.ad);
+            var b = this.an;
+            this.an = a;
+            if (b != this.an) {
+                this.c5("ViewBoxTop", b, this.an);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "at", {
+    Object.defineProperty(XIcon.prototype, "au", {
         get: function () {
-            return this.ah;
+            return this.ac;
         },
         set: function (a) {
-            var b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
-                this.cl("Width", b, this.ah);
+            var b = this.ac;
+            this.ac = a;
+            if (b != this.ac) {
+                this.c5("ActualViewBoxWidth", b, this.ac);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XIcon.prototype, "al", {
+    Object.defineProperty(XIcon.prototype, "a8", {
+        get: function () {
+            return this.ao;
+        },
+        set: function (a) {
+            var b = this.ao;
+            this.ao = a;
+            if (b != this.ao) {
+                this.c5("ViewBoxWidth", b, this.ao);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XIcon.prototype, "ar", {
         get: function () {
             return this.z;
         },
@@ -1380,19 +1440,61 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cl("Height", b, this.z);
+                this.c5("ActualViewBoxHeight", b, this.z);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XIcon.prototype, "a5", {
+        get: function () {
+            return this.al;
+        },
+        set: function (a) {
+            var b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.c5("ViewBoxHeight", b, this.al);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XIcon.prototype, "a9", {
+        get: function () {
+            return this.ap;
+        },
+        set: function (a) {
+            var b = this.ap;
+            this.ap = a;
+            if (b != this.ap) {
+                this.c5("Width", b, this.ap);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XIcon.prototype.cm = function () {
+    Object.defineProperty(XIcon.prototype, "a1", {
+        get: function () {
+            return this.ad;
+        },
+        set: function (a) {
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.c5("Height", b, this.ad);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    XIcon.prototype.c6 = function () {
     };
     XIcon.prototype.onDetachedFromUI = function () {
-        this.view.al();
+        this.view.am();
     };
     XIcon.prototype.onAttachedToUI = function () {
-        this.view.ai();
+        this.view.aj();
     };
     XIcon.prototype.x = function () {
         if (this.disabled) {
@@ -1408,10 +1510,10 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     XIcon.prototype.w = function () {
         return this.view.l();
     };
-    XIcon.prototype.a0 = function () {
+    XIcon.prototype.bg = function () {
         return this.g();
     };
-    XIcon.prototype.bi = function () {
+    XIcon.prototype.b2 = function () {
         var a = this.g();
         return a.l();
     };
@@ -1420,12 +1522,12 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = this.view.b();
         a.i = b[0];
         a.g = b[1];
-        a.f = NativeUI.d(this.view.z);
-        a.j = NativeUI.k(this.view.z);
+        a.f = NativeUI.d(this.view.aa);
+        a.j = NativeUI.k(this.view.aa);
         a.a = this.view.a();
         a.svg = this.svg;
         a.svgPath = this.svgPath;
-        a.k = this.bg;
+        a.k = this.b0;
         if (this.o != null) {
             var c = this.o;
             if (this.view != null && c.q == null) {
@@ -1457,18 +1559,29 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XIcon.prototype.provideContainer = function (a) {
-        this.view.ak(a);
+        this.view.al(a);
+    };
+    XIcon.prototype.dd = function (a, b, c, d) {
+        this.ah = a;
+        this.ai = b;
+        this.aj = c;
+        this.ag = d;
+        this.aa = !isNaN_(this.a6) ? this.a6 : !isNaN_(this.ah) ? this.ah : 0;
+        this.ab = !isNaN_(this.a7) ? this.a7 : !isNaN_(this.ai) ? this.ai : 0;
+        this.ac = !isNaN_(this.a8) ? this.a8 : !isNaN_(this.aj) ? this.aj : 24;
+        this.z = !isNaN_(this.a5) ? this.a5 : !isNaN_(this.ag) ? this.ag : 24;
+        this.view.a1();
     };
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
-    XIcon.db = null;
-    XIcon.dg = null;
-    XIcon.df = null;
-    XIcon.dc = null;
-    XIcon.dd = null;
-    XIcon.de = null;
-    XIcon.ak = NaN;
-    XIcon.aj = NaN;
-    XIcon.aw = 0;
+    XIcon.dx = null;
+    XIcon.d2 = null;
+    XIcon.d1 = null;
+    XIcon.dy = null;
+    XIcon.dz = null;
+    XIcon.d0 = null;
+    XIcon.aw = NaN;
+    XIcon.av = NaN;
+    XIcon.bc = 0;
     return XIcon;
 }(Base));
 export { XIcon };