igniteui-angular-inputs 17.3.1-alpha.0 → 18.0.0

package/esm5/lib/IconView_combined.js

@@ -30,74 +30,71 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IconView, _super);
     function IconView() {
         var _this = _super.call(this) || this;
-        _this.d = null;
-        _this.t = null;
-        _this.g = null;
-        _this.m = new List$1(Delegate_$type, 0);
+        _this.c = null;
+        _this.s = null;
+        _this.f = null;
+        _this.l = new List$1(Delegate_$type, 0);
+        _this.n = null;
         _this.o = null;
         _this.p = null;
         _this.q = null;
         _this.r = null;
-        _this.s = null;
+        _this.d = null;
         _this.e = null;
-        _this.f = null;
-        _this.ab = null;
-        _this.a = null;
-        _this.aa = null;
-        _this.z = null;
-        _this.l = new Dictionary$2(Brush.$, String_$type, 0);
-        _this.h = true;
-        _this.w = null;
+        _this.y = null;
+        _this.k = new Dictionary$2(Brush.$, String_$type, 0);
+        _this.g = true;
         _this.v = null;
         _this.u = null;
-        _this.n = new List$1(DomWrapper_$type, 0);
+        _this.t = null;
+        _this.m = new List$1(DomWrapper_$type, 0);
+        _this.n = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
         _this.o = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
         _this.p = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
         _this.q = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
         _this.r = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
-        _this.s = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        _this.d = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
         _this.e = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
-        _this.f = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
         return _this;
     }
-    IconView.prototype.aj = function () {
+    IconView.prototype.ag = function () {
     };
-    IconView.prototype.j = function () {
+    IconView.prototype.i = function () {
         return true;
     };
-    Object.defineProperty(IconView.prototype, "x", {
+    Object.defineProperty(IconView.prototype, "w", {
         get: function () {
-            return this.w;
+            return this.v;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "y", {
+    Object.defineProperty(IconView.prototype, "x", {
         get: function () {
             return null;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "c", {
+    Object.defineProperty(IconView.prototype, "b", {
         get: function () {
-            return this.n.toArray();
+            return this.m.toArray();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "k", {
+    Object.defineProperty(IconView.prototype, "j", {
         get: function () {
             return true;
         },
         enumerable: false,
         configurable: true
     });
-    IconView.prototype.ah = function (a) {
+    IconView.prototype.ae = function (a) {
         var e_1, _a;
         if (a == null) {
             try {
-                for (var _b = __values(fromEnum(this.m)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = __values(fromEnum(this.l)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -115,114 +112,109 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_1.error;
                 }
             }
-            this.m.clear();
-            if (this.w != null) {
-                this.w.unlistenAll();
-            }
+            this.l.clear();
             if (this.v != null) {
                 this.v.unlistenAll();
             }
+            if (this.u != null) {
+                this.u.unlistenAll();
+            }
         }
-        this.t = a;
+        this.s = a;
         a.rootWrapper.setStyleProperty("position", "relative");
-        this.t.rootWrapper.setStyleProperty("display", "flex");
-        this.t.rootWrapper.setStyleProperty("flex-direction", "row");
-        this.t.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
-        this.t.rootWrapper.setStyleProperty("align-items", "center");
-        this.t.rootWrapper.setStyleProperty("justify-content", "center");
-        this.ap();
-        var c = this.t.createElementNS("svg", "http://www.w3.org/2000/svg");
+        this.s.rootWrapper.setStyleProperty("display", "flex");
+        this.s.rootWrapper.setStyleProperty("flex-direction", "row");
+        this.s.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
+        this.s.rootWrapper.setStyleProperty("align-items", "center");
+        this.s.rootWrapper.setStyleProperty("justify-content", "center");
+        this.am();
+        var c = this.s.createElementNS("svg", "http://www.w3.org/2000/svg");
         c.setStyleProperty("position", "absolute");
         c.setStyleProperty("top", "0");
         c.setStyleProperty("left", "0");
         c.setStyleProperty("right", "0");
         c.setStyleProperty("bottom", "0");
-        this.w = c;
-        var d = this.t.createElement("img");
+        this.v = c;
+        var d = this.s.createElement("img");
         d.setStyleProperty("height", "100%");
         d.setStyleProperty("width", "100%");
         d.setStyleProperty("object-fit", "contain");
-        this.v = d;
-        this.au();
-        this.u = a.createElementNS("defs", "http://www.w3.org/2000/svg");
-        this.w.append(this.u);
-        this.t.append(this.w);
-        this.m.add(c.listen("click", runOn(this, this.ag)));
-        this.d.cc();
+        this.u = d;
+        this.ar();
+        this.t = a.createElementNS("defs", "http://www.w3.org/2000/svg");
+        this.v.append(this.t);
+        this.s.append(this.v);
+        this.l.add(c.listen("click", runOn(this, this.ad)));
+        this.c.cc();
     };
-    IconView.prototype.ar = function (a) {
-        this.l.clear();
-        if (this.ab != a) {
-            this.ab = a;
-            this.t.rootWrapper.removeChildren();
-            this.t.rootWrapper.append(this.w);
-            this.w.removeChildren();
-            this.u.removeChildren();
-            this.n.clear();
-            var b = this.t.createElementNS("path", "http://www.w3.org/2000/svg");
-            b.setAttribute("d", this.ab);
-            this.w.append(this.u);
-            this.w.append(b);
-            this.n.add(b);
+    IconView.prototype.ao = function (a) {
+        this.k.clear();
+        this.s.rootWrapper.removeChildren();
+        this.s.rootWrapper.append(this.v);
+        this.v.removeChildren();
+        this.t.removeChildren();
+        this.m.clear();
+        if (a != null) {
+            var b = this.s.createElementNS("path", "http://www.w3.org/2000/svg");
+            b.setAttribute("d", a);
+            this.v.append(this.t);
+            this.v.append(b);
+            this.m.add(b);
         }
     };
-    IconView.prototype.as = function (a) {
-        this.l.clear();
-        if (this.a != a) {
-            this.a = a;
-            this.t.rootWrapper.removeChildren();
-            this.t.rootWrapper.append(this.w);
-            this.w.removeChildren();
-            this.u.removeChildren();
-            this.n.clear();
-            if (this.a != null && this.a.length > 0) {
-                this.w.append(this.u);
-                for (var b = 0; b < this.a.length; b++) {
-                    var c = this.t.createElementNS("path", "http://www.w3.org/2000/svg");
-                    c.setAttribute("d", this.a[b]);
-                    this.w.append(c);
-                    this.n.add(c);
-                }
+    IconView.prototype.ap = function (a) {
+        this.k.clear();
+        this.s.rootWrapper.removeChildren();
+        this.s.rootWrapper.append(this.v);
+        this.v.removeChildren();
+        this.t.removeChildren();
+        this.m.clear();
+        if (a != null && a.length > 0) {
+            this.v.append(this.t);
+            for (var b = 0; b < a.length; b++) {
+                var c = this.s.createElementNS("path", "http://www.w3.org/2000/svg");
+                c.setAttribute("d", a[b]);
+                this.v.append(c);
+                this.m.add(c);
             }
         }
     };
-    IconView.prototype.aq = function (a) {
-        if (this.aa != a) {
-            this.aa = a;
-            this.t.rootWrapper.removeChildren();
-            var b = this.t.rootWrapper.getNativeElement();
-            b.innerHTML = this.aa;
+    IconView.prototype.an = function (a) {
+        this.s.rootWrapper.removeChildren();
+        if (a != null) {
+            var b = this.s.rootWrapper.getNativeElement();
+            b.innerHTML = a;
         }
     };
-    IconView.prototype.ao = function (a) {
-        if (this.z != a) {
-            this.z = a;
-            this.t.rootWrapper.removeChildren();
-            this.t.rootWrapper.append(this.v);
-            this.v.setAttribute("src", a);
+    IconView.prototype.al = function (a) {
+        if (this.y != a) {
+            this.y = a;
+            this.s.rootWrapper.removeChildren();
+            this.s.rootWrapper.append(this.u);
+            this.u.setAttribute("src", a);
         }
     };
-    IconView.prototype.i = function () {
-        return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
+    IconView.prototype.h = function () {
+        return this.c.svgPath != null || this.c.svg != null || this.c.b != null;
     };
-    IconView.prototype.ap = function () {
-        this.t.rootWrapper.setStyleProperty("width", isNaN_(this.d.aq) ? "1.5rem" : this.d.aq + "px");
-        this.t.rootWrapper.setStyleProperty("height", isNaN_(this.d.ai) ? "1.5rem" : this.d.ai + "px");
+    IconView.prototype.am = function () {
+        this.s.rootWrapper.setStyleProperty("width", isNaN_(this.c.aq) ? "1.5rem" : this.c.aq + "px");
+        this.s.rootWrapper.setStyleProperty("height", isNaN_(this.c.ai) ? "1.5rem" : this.c.ai + "px");
     };
-    IconView.prototype.au = function () {
-        var a = isNaN_(this.d.an) ? 0 : this.d.an;
-        var b = isNaN_(this.d.ao) ? 0 : this.d.ao;
-        var c = isNaN_(this.d.ap) ? 24 : this.d.ap;
-        var d = isNaN_(this.d.am) ? 24 : this.d.am;
-        this.w.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
+    IconView.prototype.ar = function () {
+        var a = isNaN_(this.c.an) ? 0 : this.c.an;
+        var b = isNaN_(this.c.ao) ? 0 : this.c.ao;
+        var c = isNaN_(this.c.ap) ? 24 : this.c.ap;
+        var d = isNaN_(this.c.am) ? 24 : this.c.am;
+        this.v.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
     };
-    IconView.prototype.al = function (a, b) {
+    IconView.prototype.ai = function (a, b) {
         var c = a.color;
-        if (!this.l.containsKey(a)) {
+        if (!this.k.containsKey(a)) {
             if (a.isGradient) {
-                var d = this.u.getChildCount();
+                var d = this.t.getChildCount();
                 var e = a;
-                var f = this.t.createElementNS("linearGradient", "http://www.w3.org/2000/svg");
+                var f = this.s.createElementNS("linearGradient", "http://www.w3.org/2000/svg");
                 var g = "ig_gradient_" + b + "_" + d;
                 f.setAttribute("id", g);
                 f.setAttribute("x1", e.startX.toString());
@@ -232,60 +224,60 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var j = e.gradientStops;
                 for (var i = 0; i < j.length; i++) {
                     var h = j[i];
-                    var k = this.t.createElementNS("stop", "http://www.w3.org/2000/svg");
+                    var k = this.s.createElementNS("stop", "http://www.w3.org/2000/svg");
                     k.setAttribute("offset", h.offset * 100 + "%");
                     k.setAttribute("stop-color", h._fill);
                     f.append(k);
                 }
-                this.u.append(f);
-                this.l.addItem(a, g);
+                this.t.append(f);
+                this.k.addItem(a, g);
             }
             else if (a.isRadialGradient) {
             }
         }
     };
-    IconView.prototype.am = function (a, b) {
+    IconView.prototype.aj = function (a, b) {
         var c = a;
-        if (this.l.containsKey(b)) {
-            c.setAttribute("fill", "url(#" + this.l.item(b) + ")");
-            this.t.rootWrapper.removeChildren();
-            this.t.rootWrapper.append(this.w);
+        if (this.k.containsKey(b)) {
+            c.setAttribute("fill", "url(#" + this.k.item(b) + ")");
+            this.s.rootWrapper.removeChildren();
+            this.s.rootWrapper.append(this.v);
         }
         else {
             NativeUI.r(a, b);
         }
     };
-    IconView.prototype.an = function (a, b) {
+    IconView.prototype.ak = function (a, b) {
         var c = a;
-        if (this.l.containsKey(b)) {
-            c.setAttribute("stroke", "url('#" + this.l.item(b) + "')");
+        if (this.k.containsKey(b)) {
+            c.setAttribute("stroke", "url('#" + this.k.item(b) + "')");
         }
         else {
             NativeUI.aa(a, b);
         }
     };
-    IconView.prototype.ac = function (a) {
+    IconView.prototype.z = function (a) {
     };
-    IconView.prototype.ak = function () {
-        if (this.j()) {
+    IconView.prototype.ah = function () {
+        if (this.i()) {
         }
     };
-    IconView.prototype.ad = function (a) {
-        this.d.b9();
+    IconView.prototype.aa = function (a) {
+        this.c.b9();
     };
-    IconView.prototype.ae = function (a) {
-        this.d.ca();
+    IconView.prototype.ab = function (a) {
+        this.c.ca();
     };
-    IconView.prototype.af = function () {
-        this.h = true;
-        this.m.add(this.t.rootWrapper.listen("mouseenter", runOn(this, this.ad)));
-        this.m.add(this.t.rootWrapper.listen("mouseleave", runOn(this, this.ae)));
+    IconView.prototype.ac = function () {
+        this.g = true;
+        this.l.add(this.s.rootWrapper.listen("mouseenter", runOn(this, this.aa)));
+        this.l.add(this.s.rootWrapper.listen("mouseleave", runOn(this, this.ab)));
     };
-    IconView.prototype.ai = function () {
+    IconView.prototype.af = function () {
         var e_2, _a;
-        this.h = false;
+        this.g = false;
         try {
-            for (var _b = __values(fromEnum(this.m)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.l)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -303,15 +295,15 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.m.clear();
+        this.l.clear();
     };
-    IconView.prototype.at = function (a) {
+    IconView.prototype.aq = function (a) {
         if (a != null) {
-            this.t.rootWrapper.setStyleProperty("font", a.fontString);
+            this.s.rootWrapper.setStyleProperty("font", a.fontString);
         }
     };
-    IconView.prototype.b = function () {
-        var rect_ = this.t.rootWrapper.getNativeElement().getBoundingClientRect();
+    IconView.prototype.a = function () {
+        var rect_ = this.s.rootWrapper.getNativeElement().getBoundingClientRect();
         var a = (rect_.top);
         var b = (rect_.left);
         var c = new Array(2);
@@ -319,8 +311,8 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         c[1] = b;
         return c;
     };
-    IconView.prototype.ag = function (a) {
-        this.d.b7();
+    IconView.prototype.ad = function (a) {
+        this.c.b7();
     };
     IconView.$t = markType(IconView, 'IconView');
     return IconView;
@@ -374,9 +366,9 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.clicked = null;
         _this.propertyChanged = null;
         var a = new IconView();
-        a.d = _this;
+        a.c = _this;
         _this.view = a;
-        _this.view.aj();
+        _this.view.ag();
         return _this;
     }
     Object.defineProperty(XIcon.prototype, "view", {
@@ -414,10 +406,27 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ActualFill":
             case "ActualStroke":
             case "ActualStrokeWidth":
+                this.cg();
+                break;
+            case "SVG":
+                this.az = null;
+                this.a = null;
+                this.cg();
+                break;
             case "SVGPath":
+                this.ay = null;
+                this.a = null;
+                this.cg();
+                break;
             case "SVGPaths":
-            case "SVG":
+                this.ay = null;
+                this.az = null;
+                this.cg();
+                break;
             case "DataURL":
+                this.ay = null;
+                this.az = null;
+                this.a = null;
                 this.cg();
                 break;
             case "Opacity":
@@ -427,11 +436,11 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ViewBoxTop":
             case "ViewBoxWidth":
             case "ViewBoxHeight":
-                this.view.au();
+                this.view.ar();
                 break;
             case "Width":
             case "Height":
-                this.view.ap();
+                this.view.am();
                 break;
         }
     };
@@ -455,18 +464,18 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(XIcon.prototype, "r", {
         get: function () {
-            return this.svgPath != null && !this.view.k;
+            return this.svgPath != null && !this.view.j;
         },
         enumerable: false,
         configurable: true
     });
     XIcon.prototype.ch = function () {
-        NativeUI.y(this.view.x, this.ak);
+        NativeUI.y(this.view.w, this.ak);
     };
     XIcon.prototype.cg = function () {
-        var a = this.view.x;
+        var a = this.view.w;
         if (this.r) {
-            var b = this.view.y;
+            var b = this.view.x;
             NativeUI.r(b, this.cw);
             NativeUI.aa(b, this.cx);
             NativeUI.ad(b, this.af);
@@ -475,22 +484,22 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             var c = false;
             if (this.svgPath != null) {
                 if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
-                    this.view.aq(this.svgPath);
+                    this.view.an(this.svgPath);
                     c = true;
                 }
                 else {
-                    this.view.ar(this.svgPath);
+                    this.view.ao(this.svgPath);
                 }
             }
             else if (this.b != null) {
-                this.view.as(this.b);
-                var d = this.view.c;
+                this.view.ap(this.b);
+                var d = this.view.b;
                 if (d != null && d.length > 0) {
                     var e = NativeUI.r;
                     var f = NativeUI.aa;
                     this.cd();
-                    e = runOn(this.view, this.view.am);
-                    f = runOn(this.view, this.view.an);
+                    e = runOn(this.view, this.view.aj);
+                    f = runOn(this.view, this.view.ak);
                     for (var g = 0; g < d.length; g++) {
                         if (this.cw != null) {
                             e(d[g], this.cw);
@@ -513,63 +522,63 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                 }
                 if (this.m != null) {
-                    this.view.at(this.m);
+                    this.view.aq(this.m);
                 }
                 return;
             }
             else if (this.svg != null) {
-                this.view.aq(this.svg);
+                this.view.an(this.svg);
                 c = true;
             }
             else if (this.a7 != null) {
-                this.view.ao(this.a7);
+                this.view.al(this.a7);
             }
             if (c) {
-                for (var h = 0; h < this.view.p.count; h++) {
-                    var i = this.view.p._inner[h].c;
-                    NativeUI.r(this.view.p._inner[h].d, i.l.f(this.c8));
+                for (var h = 0; h < this.view.o.count; h++) {
+                    var i = this.view.o._inner[h].c;
+                    NativeUI.r(this.view.o._inner[h].d, i.l.f(this.c8));
                 }
-                for (var j = 0; j < this.view.q.count; j++) {
-                    var k = this.view.q._inner[j].c;
-                    NativeUI.aa(this.view.q._inner[j].d, k.m.f(this.c9));
+                for (var j = 0; j < this.view.p.count; j++) {
+                    var k = this.view.p._inner[j].c;
+                    NativeUI.aa(this.view.p._inner[j].d, k.m.f(this.c9));
                 }
-                for (var l = 0; l < this.view.r.count; l++) {
-                    var m = this.view.r._inner[l].c;
-                    NativeUI.r(this.view.r._inner[l].d, m.l.f(this.da));
+                for (var l = 0; l < this.view.q.count; l++) {
+                    var m = this.view.q._inner[l].c;
+                    NativeUI.r(this.view.q._inner[l].d, m.l.f(this.da));
                 }
-                for (var n = 0; n < this.view.s.count; n++) {
-                    var o = this.view.s._inner[n].c;
-                    NativeUI.aa(this.view.s._inner[n].d, o.m.f(this.db));
+                for (var n = 0; n < this.view.r.count; n++) {
+                    var o = this.view.r._inner[n].c;
+                    NativeUI.aa(this.view.r._inner[n].d, o.m.f(this.db));
                 }
-                for (var p = 0; p < this.view.e.o.count; p++) {
-                    var q = this.view.e.o._inner[p];
+                for (var p = 0; p < this.view.d.o.count; p++) {
+                    var q = this.view.d.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 t = 0; t < this.view.d.q._inner[p].count; t++) {
+                            var u = this.view.d.q._inner[p]._inner[t].c;
+                            NativeUI.r(this.view.d.q._inner[p]._inner[t].d, u.l.f(this.e.item(s)));
                         }
                     }
                 }
-                for (var v = 0; v < this.view.f.o.count; v++) {
-                    var w = this.view.f.o._inner[v];
+                for (var v = 0; v < this.view.e.o.count; v++) {
+                    var w = this.view.e.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 z = 0; z < this.view.e.q._inner[v].count; z++) {
+                            var aa = this.view.e.q._inner[v]._inner[z].c;
+                            NativeUI.aa(this.view.e.q._inner[v]._inner[z].d, aa.m.f(this.f.item(y)));
                         }
                     }
                 }
-                for (var ab = 0; ab < this.view.o.count; ab++) {
-                    var ac = this.view.o._inner[ab].c;
-                    NativeUI.r(this.view.o._inner[ab].d, ac.l.f(this.cw));
-                    NativeUI.aa(this.view.o._inner[ab].d, ac.m.f(this.cx));
+                for (var ab = 0; ab < this.view.n.count; ab++) {
+                    var ac = this.view.n._inner[ab].c;
+                    NativeUI.r(this.view.n._inner[ab].d, ac.l.f(this.cw));
+                    NativeUI.aa(this.view.n._inner[ab].d, ac.m.f(this.cx));
                 }
             }
-            var ad = this.view.x;
+            var ad = this.view.w;
             if (this.cw != null) {
                 NativeUI.r(ad, this.cw);
             }
@@ -581,25 +590,25 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (this.m != null) {
-            this.view.at(this.m);
+            this.view.aq(this.m);
         }
         if (this.cy != null) {
-            NativeUI.q(this.view.x, this.cy);
+            NativeUI.q(this.view.w, this.cy);
         }
     };
     XIcon.prototype.cd = function () {
         var e_3, _a, e_4, _b;
         if (this.cw != null) {
-            this.view.al(this.cw, "fill");
+            this.view.ai(this.cw, "fill");
         }
         if (this.cx != null) {
-            this.view.al(this.cx, "stroke");
+            this.view.ai(this.cx, "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.al(a, "fills");
+                    this.view.ai(a, "fills");
                 }
             }
             catch (e_3_1) {
@@ -620,7 +629,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.al(b, "strokes");
+                    this.view.ai(b, "strokes");
                 }
             }
             catch (e_4_1) {
@@ -1159,10 +1168,10 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     XIcon.prototype.cc = function () {
     };
     XIcon.prototype.onDetachedFromUI = function () {
-        this.view.ai();
+        this.view.af();
     };
     XIcon.prototype.onAttachedToUI = function () {
-        this.view.af();
+        this.view.ac();
     };
     XIcon.prototype.b7 = function () {
         if (this.disabled) {
@@ -1173,7 +1182,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XIcon.prototype.u = function () {
-        return this.view.j();
+        return this.view.i();
     };
     XIcon.prototype.au = function () {
         return this.g();
@@ -1184,12 +1193,12 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XIcon.prototype.g = function () {
         var a = new IconVisualModelExport();
-        var b = this.view.x;
+        var b = this.view.w;
         a.a = AppearanceHelper.a(NativeUI.al(b));
         a.c = AppearanceHelper.a(NativeUI.al(b));
         a.b = AppearanceHelper.a(NativeUI.am(b));
         a.d = this.af;
-        var c = this.view.b();
+        var c = this.view.a();
         a.h = c[0];
         a.f = c[1];
         a.e = NativeUI.d(b);
@@ -1199,7 +1208,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.m != null) {
             var d = this.m;
             if (this.view != null && d.q == null) {
-                var e = this.view.t;
+                var e = this.view.s;
                 var f = FontUtil.getFontInfoFromString(e, d.fontString);
                 d.q = f.q;
                 d.f = f.f;
@@ -1227,7 +1236,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XIcon.prototype.provideContainer = function (a) {
-        this.view.ah(a);
+        this.view.ae(a);
     };
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
     XIcon.cz = null;