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

package/esm2015/lib/IconView_combined.js

@@ -4,7 +4,7 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-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";
@@ -13,12 +13,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";
@@ -30,164 +39,156 @@ export let IconView = /*@__PURE__*/ (() => {
         constructor() {
             super();
             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);
         }
-        aj() {
+        ak() {
         }
-        j() {
+        l() {
             return true;
         }
-        get x() {
-            return this.w;
+        get z() {
+            return this.y;
         }
-        get y() {
+        get aa() {
             return null;
         }
         get c() {
-            return this.n.toArray();
+            return this.p.toArray();
         }
-        get k() {
+        get m() {
             return true;
         }
-        ah(a) {
+        ai(a) {
             if (a == null) {
-                for (let b of fromEnum(this.m)) {
+                for (let b of fromEnum(this.o)) {
                     b();
                 }
-                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();
-            let 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();
+            let 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;
-            let d = this.t.createElement("img");
+            this.y = c;
+            let 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();
         }
-        ar(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();
-                let 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);
-            }
-        }
-        as(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 (let b = 0; b < this.a.length; b++) {
-                        let 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);
-                    }
+        at(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) {
+                let 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);
+            }
+        }
+        au(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 (let b = 0; b < a.length; b++) {
+                    let c = this.v.createElementNS("path", "http://www.w3.org/2000/svg");
+                    c.setAttribute("d", a[b]);
+                    this.y.append(c);
+                    this.p.add(c);
                 }
             }
         }
-        aq(a) {
-            if (this.aa != a) {
-                this.aa = a;
-                this.t.rootWrapper.removeChildren();
-                let b = this.t.rootWrapper.getNativeElement();
-                b.innerHTML = this.aa;
+        as(a) {
+            this.v.rootWrapper.removeChildren();
+            if (a != null) {
+                let b = this.v.rootWrapper.getNativeElement();
+                b.innerHTML = a;
             }
         }
-        ao(a) {
-            if (this.z != a) {
-                this.z = a;
-                this.t.rootWrapper.removeChildren();
-                this.t.rootWrapper.append(this.v);
-                this.v.setAttribute("src", a);
+        ap(a) {
+            if (this.ab != a) {
+                this.ab = a;
+                this.v.rootWrapper.removeChildren();
+                this.v.rootWrapper.append(this.x);
+                this.x.setAttribute("src", a);
             }
         }
-        i() {
+        k() {
             return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
         }
-        ap() {
-            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");
+        ar() {
+            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");
         }
-        au() {
+        aw() {
             let a = isNaN_(this.d.an) ? 0 : this.d.an;
             let b = isNaN_(this.d.ao) ? 0 : this.d.ao;
             let c = isNaN_(this.d.ap) ? 24 : this.d.ap;
             let 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);
         }
-        al(a, b) {
+        am(a, b) {
             let c = a.color;
-            if (!this.l.containsKey(a)) {
+            if (!this.n.containsKey(a)) {
                 if (a.isGradient) {
-                    let d = this.u.getChildCount();
+                    let d = this.w.getChildCount();
                     let e = a;
-                    let f = this.t.createElementNS("linearGradient", "http://www.w3.org/2000/svg");
+                    let f = this.v.createElementNS("linearGradient", "http://www.w3.org/2000/svg");
                     let g = "ig_gradient_" + b + "_" + d;
                     f.setAttribute("id", g);
                     f.setAttribute("x1", e.startX.toString());
@@ -197,33 +198,33 @@ export let IconView = /*@__PURE__*/ (() => {
                     let j = e.gradientStops;
                     for (let i = 0; i < j.length; i++) {
                         let h = j[i];
-                        let k = this.t.createElementNS("stop", "http://www.w3.org/2000/svg");
+                        let 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) {
                 }
             }
         }
-        am(a, b) {
+        an(a, b) {
             let 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);
             }
         }
-        an(a, b) {
+        ao(a, b) {
             let 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);
@@ -231,8 +232,8 @@ export let IconView = /*@__PURE__*/ (() => {
         }
         ac(a) {
         }
-        ak() {
-            if (this.j()) {
+        al() {
+            if (this.l()) {
             }
         }
         ad(a) {
@@ -241,25 +242,25 @@ export let IconView = /*@__PURE__*/ (() => {
         ae(a) {
             this.d.ca();
         }
-        af() {
-            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)));
+        ag() {
+            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)));
         }
-        ai() {
-            this.h = false;
-            for (let a of fromEnum(this.m)) {
+        aj() {
+            this.j = false;
+            for (let a of fromEnum(this.o)) {
                 a();
             }
-            this.m.clear();
+            this.o.clear();
         }
-        at(a) {
+        av(a) {
             if (a != null) {
-                this.t.rootWrapper.setStyleProperty("font", a.fontString);
+                this.v.rootWrapper.setStyleProperty("font", a.fontString);
             }
         }
         b() {
-            let rect_ = this.t.rootWrapper.getNativeElement().getBoundingClientRect();
+            let rect_ = this.v.rootWrapper.getNativeElement().getBoundingClientRect();
             let a = (rect_.top);
             let b = (rect_.left);
             let c = new Array(2);
@@ -267,9 +268,103 @@ export let IconView = /*@__PURE__*/ (() => {
             c[1] = b;
             return c;
         }
-        ag(a) {
+        ah(a) {
             this.d.b7();
         }
+        a() {
+            let a = new List$1(PrimitiveVisualData.$, 0);
+            let b = this.v.rootWrapper.getNativeElement();
+            return a.toArray();
+        }
+        af(a, b) {
+            for (let c = 0; c < b.e.count; c++) {
+                let d = b.e._inner[c];
+                let e = this.h(d);
+                if (e != null) {
+                    a.add(e);
+                }
+                else {
+                    this.af(a, d);
+                }
+            }
+        }
+        h(a) {
+            let b = null;
+            switch (a.c) {
+                case 7:
+                    let c = ((() => {
+                        let $ret = new Path();
+                        $ret.an = a.w;
+                        return $ret;
+                    })());
+                    this.aq(c, a);
+                    b = new PathVisualData(1, "path1", c);
+                    break;
+                case 3:
+                    let d = a;
+                    let 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:
+                    let f = a;
+                    let 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:
+                    let h = a;
+                    let 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;
+        }
+        aq(a, b) {
+            let 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) {
+                let d = new DoubleCollection();
+                let g = c.i;
+                for (let f = 0; f < g.length; f++) {
+                    let e = g[f];
+                    d.add(e);
+                }
+                a.ai = d;
+            }
+        }
+        i(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;
@@ -324,7 +419,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let a = new IconView();
             a.d = this;
             this.view = a;
-            this.view.aj();
+            this.view.ak();
         }
         get view() {
             return this._view;
@@ -357,10 +452,27 @@ export let XIcon = /*@__PURE__*/ (() => {
                 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":
@@ -370,11 +482,11 @@ export let XIcon = /*@__PURE__*/ (() => {
                 case "ViewBoxTop":
                 case "ViewBoxWidth":
                 case "ViewBoxHeight":
-                    this.view.au();
+                    this.view.aw();
                     break;
                 case "Width":
                 case "Height":
-                    this.view.ap();
+                    this.view.ar();
                     break;
             }
         }
@@ -397,15 +509,15 @@ export let XIcon = /*@__PURE__*/ (() => {
             }
         }
         get r() {
-            return this.svgPath != null && !this.view.k;
+            return this.svgPath != null && !this.view.m;
         }
         ch() {
-            NativeUI.y(this.view.x, this.ak);
+            NativeUI.y(this.view.z, this.ak);
         }
         cg() {
-            let a = this.view.x;
+            let a = this.view.z;
             if (this.r) {
-                let b = this.view.y;
+                let b = this.view.aa;
                 NativeUI.r(b, this.cw);
                 NativeUI.aa(b, this.cx);
                 NativeUI.ad(b, this.af);
@@ -414,22 +526,22 @@ export let XIcon = /*@__PURE__*/ (() => {
                 let 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);
                     let d = this.view.c;
                     if (d != null && d.length > 0) {
                         let e = NativeUI.r;
                         let 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 (let g = 0; g < d.length; g++) {
                             if (this.cw != null) {
                                 e(d[g], this.cw);
@@ -452,33 +564,33 @@ export let XIcon = /*@__PURE__*/ (() => {
                         }
                     }
                     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 (let h = 0; h < this.view.p.count; h++) {
-                        let i = this.view.p._inner[h].c;
-                        NativeUI.r(this.view.p._inner[h].d, i.l.f(this.c8));
+                    for (let h = 0; h < this.view.r.count; h++) {
+                        let i = this.view.r._inner[h].c;
+                        NativeUI.r(this.view.r._inner[h].d, i.l.f(this.c8));
                     }
-                    for (let j = 0; j < this.view.q.count; j++) {
-                        let k = this.view.q._inner[j].c;
-                        NativeUI.aa(this.view.q._inner[j].d, k.m.f(this.c9));
+                    for (let j = 0; j < this.view.s.count; j++) {
+                        let k = this.view.s._inner[j].c;
+                        NativeUI.aa(this.view.s._inner[j].d, k.m.f(this.c9));
                     }
-                    for (let l = 0; l < this.view.r.count; l++) {
-                        let m = this.view.r._inner[l].c;
-                        NativeUI.r(this.view.r._inner[l].d, m.l.f(this.da));
+                    for (let l = 0; l < this.view.t.count; l++) {
+                        let m = this.view.t._inner[l].c;
+                        NativeUI.r(this.view.t._inner[l].d, m.l.f(this.da));
                     }
-                    for (let n = 0; n < this.view.s.count; n++) {
-                        let o = this.view.s._inner[n].c;
-                        NativeUI.aa(this.view.s._inner[n].d, o.m.f(this.db));
+                    for (let n = 0; n < this.view.u.count; n++) {
+                        let o = this.view.u._inner[n].c;
+                        NativeUI.aa(this.view.u._inner[n].d, o.m.f(this.db));
                     }
                     for (let p = 0; p < this.view.e.o.count; p++) {
                         let q = this.view.e.o._inner[p];
@@ -502,13 +614,13 @@ export let XIcon = /*@__PURE__*/ (() => {
                             }
                         }
                     }
-                    for (let ab = 0; ab < this.view.o.count; ab++) {
-                        let 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 (let ab = 0; ab < this.view.q.count; ab++) {
+                        let 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));
                     }
                 }
-                let ad = this.view.x;
+                let ad = this.view.z;
                 if (this.cw != null) {
                     NativeUI.r(ad, this.cw);
                 }
@@ -520,27 +632,27 @@ export let XIcon = /*@__PURE__*/ (() => {
                 }
             }
             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);
             }
         }
         cd() {
             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) {
                 for (let a of fromEnum(this.e)) {
-                    this.view.al(a, "fills");
+                    this.view.am(a, "fills");
                 }
             }
             if (this.f != null) {
                 for (let b of fromEnum(this.f)) {
-                    this.view.al(b, "strokes");
+                    this.view.am(b, "strokes");
                 }
             }
         }
@@ -917,10 +1029,10 @@ export let XIcon = /*@__PURE__*/ (() => {
         cc() {
         }
         onDetachedFromUI() {
-            this.view.ai();
+            this.view.aj();
         }
         onAttachedToUI() {
-            this.view.af();
+            this.view.ag();
         }
         b7() {
             if (this.disabled) {
@@ -931,61 +1043,58 @@ export let XIcon = /*@__PURE__*/ (() => {
             }
         }
         u() {
-            return this.view.j();
+            return this.view.l();
         }
         au() {
             return this.g();
         }
         a9() {
             let a = this.g();
-            return a.k();
+            return a.l();
         }
         g() {
             let a = new IconVisualModelExport();
-            let 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;
-            let c = this.view.b();
-            a.h = c[0];
-            a.f = c[1];
-            a.e = NativeUI.d(b);
-            a.i = NativeUI.k(b);
+            let 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) {
-                let d = this.m;
-                if (this.view != null && d.q == null) {
-                    let e = this.view.t;
-                    let 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;
+                let c = this.m;
+                if (this.view != null && c.q == null) {
+                    let d = this.view.v;
+                    let 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;
         }
         provideContainer(a) {
-            this.view.ah(a);
+            this.view.ai(a);
         }
     }
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);