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

package/esm5/lib/IconView_combined.js

@@ -5,7 +5,7 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 import { __extends, __values } from "tslib";
-import { Base, String_$type, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-angular-core";
+import { Base, String_$type, Delegate_$type, fromEnum, runOn, typeCast, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-angular-core";
 import { DomWrapper_$type } from "igniteui-angular-core";
 import { List$1 } from "igniteui-angular-core";
 import { Tuple$2 } from "igniteui-angular-core";
@@ -14,12 +14,21 @@ import { FastIterationDictionary$2 } from "igniteui-angular-core";
 import { Dictionary$2 } from "igniteui-angular-core";
 import { Brush } from "igniteui-angular-core";
 import { NativeUI } from "igniteui-angular-core";
+import { PrimitiveVisualData } from "igniteui-angular-core";
+import { Path } from "igniteui-angular-core";
+import { Line } from "igniteui-angular-core";
+import { Rectangle } from "igniteui-angular-core";
+import { Ellipse } from "igniteui-angular-core";
+import { PathVisualData } from "igniteui-angular-core";
+import { LineVisualData } from "igniteui-angular-core";
+import { RectangleVisualData } from "igniteui-angular-core";
+import { EllipseVisualData } from "igniteui-angular-core";
+import { DoubleCollection } from "igniteui-angular-core";
 import { isNaN_ } from "igniteui-angular-core";
 import { IIcon_$type } from "igniteui-angular-core";
 import { BaseControlTheme_$type } from "igniteui-angular-core";
 import { IconClickedEventArgs } from "./IconClickedEventArgs";
 import { IconVisualModelExport } from "./IconVisualModelExport";
-import { AppearanceHelper } from "igniteui-angular-core";
 import { FontUtil } from "igniteui-angular-core";
 import { stringStartsWith } from "igniteui-angular-core";
 import { trimStart } from "igniteui-angular-core";
@@ -31,48 +40,45 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
     function IconView() {
         var _this = _super.call(this) || this;
         _this.d = null;
-        _this.t = null;
+        _this.v = null;
         _this.g = null;
-        _this.m = new List$1(Delegate_$type, 0);
-        _this.o = null;
-        _this.p = null;
+        _this.o = new List$1(Delegate_$type, 0);
         _this.q = null;
         _this.r = null;
         _this.s = null;
+        _this.t = null;
+        _this.u = 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.n = new Dictionary$2(Brush.$, String_$type, 0);
+        _this.j = true;
+        _this.y = null;
+        _this.x = null;
         _this.w = null;
-        _this.v = null;
-        _this.u = null;
-        _this.n = new List$1(DomWrapper_$type, 0);
-        _this.o = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
-        _this.p = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        _this.p = new List$1(DomWrapper_$type, 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.t = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        _this.u = new List$1(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.ak = function () {
     };
-    IconView.prototype.j = function () {
+    IconView.prototype.l = function () {
         return true;
     };
-    Object.defineProperty(IconView.prototype, "x", {
+    Object.defineProperty(IconView.prototype, "z", {
         get: function () {
-            return this.w;
+            return this.y;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "y", {
+    Object.defineProperty(IconView.prototype, "aa", {
         get: function () {
             return null;
         },
@@ -81,23 +87,23 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IconView.prototype, "c", {
         get: function () {
-            return this.n.toArray();
+            return this.p.toArray();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "k", {
+    Object.defineProperty(IconView.prototype, "m", {
         get: function () {
             return true;
         },
         enumerable: false,
         configurable: true
     });
-    IconView.prototype.ah = function (a) {
+    IconView.prototype.ai = 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.o)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -115,114 +121,109 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_1.error;
                 }
             }
-            this.m.clear();
-            if (this.w != null) {
-                this.w.unlistenAll();
+            this.o.clear();
+            if (this.y != null) {
+                this.y.unlistenAll();
             }
-            if (this.v != null) {
-                this.v.unlistenAll();
+            if (this.x != null) {
+                this.x.unlistenAll();
             }
         }
-        this.t = a;
+        this.v = 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.v.rootWrapper.setStyleProperty("display", "flex");
+        this.v.rootWrapper.setStyleProperty("flex-direction", "row");
+        this.v.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
+        this.v.rootWrapper.setStyleProperty("align-items", "center");
+        this.v.rootWrapper.setStyleProperty("justify-content", "center");
+        this.ar();
+        var c = this.v.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.y = c;
+        var d = this.v.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.x = d;
+        this.aw();
+        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.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.at = function (a) {
+        this.n.clear();
+        this.v.rootWrapper.removeChildren();
+        this.v.rootWrapper.append(this.y);
+        this.y.removeChildren();
+        this.w.removeChildren();
+        this.p.clear();
+        if (a != null) {
+            var b = this.v.createElementNS("path", "http://www.w3.org/2000/svg");
+            b.setAttribute("d", a);
+            this.y.append(this.w);
+            this.y.append(b);
+            this.p.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.au = function (a) {
+        this.n.clear();
+        this.v.rootWrapper.removeChildren();
+        this.v.rootWrapper.append(this.y);
+        this.y.removeChildren();
+        this.w.removeChildren();
+        this.p.clear();
+        if (a != null && a.length > 0) {
+            this.y.append(this.w);
+            for (var b = 0; b < a.length; b++) {
+                var c = this.v.createElementNS("path", "http://www.w3.org/2000/svg");
+                c.setAttribute("d", a[b]);
+                this.y.append(c);
+                this.p.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.as = function (a) {
+        this.v.rootWrapper.removeChildren();
+        if (a != null) {
+            var b = this.v.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.ap = function (a) {
+        if (this.ab != a) {
+            this.ab = a;
+            this.v.rootWrapper.removeChildren();
+            this.v.rootWrapper.append(this.x);
+            this.x.setAttribute("src", a);
         }
     };
-    IconView.prototype.i = function () {
+    IconView.prototype.k = function () {
         return this.d.svgPath != null || this.d.svg != null || this.d.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.ar = function () {
+        this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.aq) ? "1.5rem" : this.d.aq + "px");
+        this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.ai) ? "1.5rem" : this.d.ai + "px");
     };
-    IconView.prototype.au = function () {
+    IconView.prototype.aw = 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);
+        this.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
     };
-    IconView.prototype.al = function (a, b) {
+    IconView.prototype.am = function (a, b) {
         var c = a.color;
-        if (!this.l.containsKey(a)) {
+        if (!this.n.containsKey(a)) {
             if (a.isGradient) {
-                var d = this.u.getChildCount();
+                var d = this.w.getChildCount();
                 var e = a;
-                var f = this.t.createElementNS("linearGradient", "http://www.w3.org/2000/svg");
+                var f = this.v.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,33 +233,33 @@ 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.v.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.w.append(f);
+                this.n.addItem(a, g);
             }
             else if (a.isRadialGradient) {
             }
         }
     };
-    IconView.prototype.am = function (a, b) {
+    IconView.prototype.an = 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.n.containsKey(b)) {
+            c.setAttribute("fill", "url(#" + this.n.item(b) + ")");
+            this.v.rootWrapper.removeChildren();
+            this.v.rootWrapper.append(this.y);
         }
         else {
             NativeUI.r(a, b);
         }
     };
-    IconView.prototype.an = function (a, b) {
+    IconView.prototype.ao = function (a, b) {
         var c = a;
-        if (this.l.containsKey(b)) {
-            c.setAttribute("stroke", "url('#" + this.l.item(b) + "')");
+        if (this.n.containsKey(b)) {
+            c.setAttribute("stroke", "url('#" + this.n.item(b) + "')");
         }
         else {
             NativeUI.aa(a, b);
@@ -266,8 +267,8 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     IconView.prototype.ac = function (a) {
     };
-    IconView.prototype.ak = function () {
-        if (this.j()) {
+    IconView.prototype.al = function () {
+        if (this.l()) {
         }
     };
     IconView.prototype.ad = function (a) {
@@ -276,16 +277,16 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
     IconView.prototype.ae = function (a) {
         this.d.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.ag = 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.ai = function () {
+    IconView.prototype.aj = function () {
         var e_2, _a;
-        this.h = false;
+        this.j = false;
         try {
-            for (var _b = __values(fromEnum(this.m)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.o)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -303,15 +304,15 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.m.clear();
+        this.o.clear();
     };
-    IconView.prototype.at = function (a) {
+    IconView.prototype.av = function (a) {
         if (a != null) {
-            this.t.rootWrapper.setStyleProperty("font", a.fontString);
+            this.v.rootWrapper.setStyleProperty("font", a.fontString);
         }
     };
     IconView.prototype.b = function () {
-        var rect_ = this.t.rootWrapper.getNativeElement().getBoundingClientRect();
+        var rect_ = this.v.rootWrapper.getNativeElement().getBoundingClientRect();
         var a = (rect_.top);
         var b = (rect_.left);
         var c = new Array(2);
@@ -319,9 +320,103 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
         c[1] = b;
         return c;
     };
-    IconView.prototype.ag = function (a) {
+    IconView.prototype.ah = function (a) {
         this.d.b7();
     };
+    IconView.prototype.a = function () {
+        var a = new List$1(PrimitiveVisualData.$, 0);
+        var b = this.v.rootWrapper.getNativeElement();
+        return a.toArray();
+    };
+    IconView.prototype.af = function (a, b) {
+        for (var c = 0; c < b.e.count; c++) {
+            var d = b.e._inner[c];
+            var e = this.h(d);
+            if (e != null) {
+                a.add(e);
+            }
+            else {
+                this.af(a, d);
+            }
+        }
+    };
+    IconView.prototype.h = function (a) {
+        var b = null;
+        switch (a.c) {
+            case 7:
+                var c = ((function () {
+                    var $ret = new Path();
+                    $ret.an = a.w;
+                    return $ret;
+                })());
+                this.aq(c, a);
+                b = new PathVisualData(1, "path1", c);
+                break;
+            case 3:
+                var d = a;
+                var e = new Line();
+                e.an = d.w;
+                e.ao = d.x;
+                e.ap = d.y;
+                e.aq = d.z;
+                this.aq(e, a);
+                b = new LineVisualData(1, "line1", e);
+                break;
+            case 4:
+                var f = a;
+                var g = new Rectangle();
+                g.width = f.z;
+                g.height = f.w;
+                g.ap = f.x;
+                g.aq = f.y;
+                this.aq(g, a);
+                b = new RectangleVisualData(1, "rect1", g);
+                break;
+            case 5:
+            case 6:
+                var h = a;
+                var i = new Ellipse();
+                i.width = h.y * 2;
+                i.height = h.z * 2;
+                this.aq(i, a);
+                b = new EllipseVisualData(1, "ellipse1", i);
+                break;
+        }
+        return b;
+    };
+    IconView.prototype.aq = function (a, b) {
+        var c = b;
+        a.ad = b.t;
+        a.j = c.h;
+        a.am = c.v;
+        a.al = c.u;
+        a.ak = c.u;
+        a._opacity = c.q;
+        if (c.i != null) {
+            var d = new DoubleCollection();
+            var g = c.i;
+            for (var f = 0; f < g.length; f++) {
+                var e = g[f];
+                d.add(e);
+            }
+            a.ai = d;
+        }
+    };
+    IconView.prototype.i = function (a) {
+        if (typeCast(Path.$, a) !== null) {
+            return new PathVisualData(1, "path1", a);
+        }
+        else if (typeCast(Line.$, a) !== null) {
+            return new LineVisualData(1, "line1", a);
+        }
+        else if (typeCast(Rectangle.$, a) !== null) {
+            return new RectangleVisualData(1, "rect1", a);
+        }
+        else if (typeCast(Ellipse.$, a) !== null) {
+            return new EllipseVisualData(1, "ellipse1", a);
+        }
+        return null;
+    };
     IconView.$t = markType(IconView, 'IconView');
     return IconView;
 }(Base));
@@ -376,7 +471,7 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new IconView();
         a.d = _this;
         _this.view = a;
-        _this.view.aj();
+        _this.view.ak();
         return _this;
     }
     Object.defineProperty(XIcon.prototype, "view", {
@@ -414,10 +509,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 +539,11 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ViewBoxTop":
             case "ViewBoxWidth":
             case "ViewBoxHeight":
-                this.view.au();
+                this.view.aw();
                 break;
             case "Width":
             case "Height":
-                this.view.ap();
+                this.view.ar();
                 break;
         }
     };
@@ -455,18 +567,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.m;
         },
         enumerable: false,
         configurable: true
     });
     XIcon.prototype.ch = function () {
-        NativeUI.y(this.view.x, this.ak);
+        NativeUI.y(this.view.z, this.ak);
     };
     XIcon.prototype.cg = function () {
-        var a = this.view.x;
+        var a = this.view.z;
         if (this.r) {
-            var b = this.view.y;
+            var b = this.view.aa;
             NativeUI.r(b, this.cw);
             NativeUI.aa(b, this.cx);
             NativeUI.ad(b, this.af);
@@ -475,22 +587,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.as(this.svgPath);
                     c = true;
                 }
                 else {
-                    this.view.ar(this.svgPath);
+                    this.view.at(this.svgPath);
                 }
             }
             else if (this.b != null) {
-                this.view.as(this.b);
+                this.view.au(this.b);
                 var d = this.view.c;
                 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.an);
+                    f = runOn(this.view, this.view.ao);
                     for (var g = 0; g < d.length; g++) {
                         if (this.cw != null) {
                             e(d[g], this.cw);
@@ -513,33 +625,33 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                 }
                 if (this.m != null) {
-                    this.view.at(this.m);
+                    this.view.av(this.m);
                 }
                 return;
             }
             else if (this.svg != null) {
-                this.view.aq(this.svg);
+                this.view.as(this.svg);
                 c = true;
             }
             else if (this.a7 != null) {
-                this.view.ao(this.a7);
+                this.view.ap(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.r.count; h++) {
+                    var i = this.view.r._inner[h].c;
+                    NativeUI.r(this.view.r._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.s.count; j++) {
+                    var k = this.view.s._inner[j].c;
+                    NativeUI.aa(this.view.s._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.t.count; l++) {
+                    var m = this.view.t._inner[l].c;
+                    NativeUI.r(this.view.t._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.u.count; n++) {
+                    var o = this.view.u._inner[n].c;
+                    NativeUI.aa(this.view.u._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];
@@ -563,13 +675,13 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
                         }
                     }
                 }
-                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.q.count; ab++) {
+                    var ac = this.view.q._inner[ab].c;
+                    NativeUI.r(this.view.q._inner[ab].d, ac.l.f(this.cw));
+                    NativeUI.aa(this.view.q._inner[ab].d, ac.m.f(this.cx));
                 }
             }
-            var ad = this.view.x;
+            var ad = this.view.z;
             if (this.cw != null) {
                 NativeUI.r(ad, this.cw);
             }
@@ -581,25 +693,25 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (this.m != null) {
-            this.view.at(this.m);
+            this.view.av(this.m);
         }
         if (this.cy != null) {
-            NativeUI.q(this.view.x, this.cy);
+            NativeUI.q(this.view.z, 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.am(this.cw, "fill");
         }
         if (this.cx != null) {
-            this.view.al(this.cx, "stroke");
+            this.view.am(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.am(a, "fills");
                 }
             }
             catch (e_3_1) {
@@ -620,7 +732,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.am(b, "strokes");
                 }
             }
             catch (e_4_1) {
@@ -1159,10 +1271,10 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
     XIcon.prototype.cc = function () {
     };
     XIcon.prototype.onDetachedFromUI = function () {
-        this.view.ai();
+        this.view.aj();
     };
     XIcon.prototype.onAttachedToUI = function () {
-        this.view.af();
+        this.view.ag();
     };
     XIcon.prototype.b7 = function () {
         if (this.disabled) {
@@ -1173,61 +1285,58 @@ var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XIcon.prototype.u = function () {
-        return this.view.j();
+        return this.view.l();
     };
     XIcon.prototype.au = function () {
         return this.g();
     };
     XIcon.prototype.a9 = function () {
         var a = this.g();
-        return a.k();
+        return a.l();
     };
     XIcon.prototype.g = function () {
         var a = new IconVisualModelExport();
-        var b = this.view.x;
-        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();
-        a.h = c[0];
-        a.f = c[1];
-        a.e = NativeUI.d(b);
-        a.i = NativeUI.k(b);
+        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.a = this.view.a();
+        a.svg = this.svg;
         a.svgPath = this.svgPath;
-        a.j = this.a7;
+        a.k = this.a7;
         if (this.m != null) {
-            var d = this.m;
-            if (this.view != null && d.q == null) {
-                var e = this.view.t;
-                var f = FontUtil.getFontInfoFromString(e, d.fontString);
-                d.q = f.q;
-                d.f = f.f;
-                d.r = f.r;
-                d.t = f.t;
-                d.u = f.u;
-                d.v = f.v;
+            var c = this.m;
+            if (this.view != null && c.q == null) {
+                var d = this.view.v;
+                var e = FontUtil.getFontInfoFromString(d, c.fontString);
+                c.q = e.q;
+                c.f = e.f;
+                c.r = e.r;
+                c.t = e.t;
+                c.u = e.u;
+                c.v = e.v;
             }
-            if (d.q != null) {
-                a.m = d.q;
+            if (c.q != null) {
+                a.o = c.q;
             }
-            if (!isNaN_(d.f)) {
-                a.g = d.f;
+            if (!isNaN_(c.f)) {
+                a.h = c.f;
             }
-            if (d.v != null) {
-                a.q = d.v;
+            if (c.v != null) {
+                a.s = c.v;
             }
-            if (d.t != null) {
-                a.o = d.t;
+            if (c.t != null) {
+                a.q = c.t;
             }
-            if (d.r != null) {
-                a.n = d.t;
+            if (c.r != null) {
+                a.p = c.t;
             }
         }
         return a;
     };
     XIcon.prototype.provideContainer = function (a) {
-        this.view.ah(a);
+        this.view.ai(a);
     };
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
     XIcon.cz = null;