igniteui-angular-inputs 18.0.0 → 18.1.1

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";
@@ -29,157 +38,157 @@ export let IconView = /*@__PURE__*/ (() => {
     class IconView extends Base {
         constructor() {
             super();
-            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.d = null;
+            this.v = null;
+            this.g = null;
+            this.o = new List$1(Delegate_$type, 0);
             this.q = null;
             this.r = null;
-            this.d = null;
+            this.s = null;
+            this.t = null;
+            this.u = null;
             this.e = null;
+            this.f = null;
+            this.ab = null;
+            this.n = new Dictionary$2(Brush.$, String_$type, 0);
+            this.j = true;
             this.y = null;
-            this.k = new Dictionary$2(Brush.$, String_$type, 0);
-            this.g = true;
-            this.v = null;
-            this.u = null;
-            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.x = null;
+            this.w = null;
+            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.d = new FastIterationDictionary$2(String_$type, List$1.$.specialize(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);
         }
-        ag() {
+        ak() {
         }
-        i() {
+        l() {
             return true;
         }
-        get w() {
-            return this.v;
+        get z() {
+            return this.y;
         }
-        get x() {
+        get aa() {
             return null;
         }
-        get b() {
-            return this.m.toArray();
+        get c() {
+            return this.p.toArray();
         }
-        get j() {
+        get m() {
             return true;
         }
-        ae(a) {
+        ai(a) {
             if (a == null) {
-                for (let b of fromEnum(this.l)) {
+                for (let b of fromEnum(this.o)) {
                     b();
                 }
-                this.l.clear();
-                if (this.v != null) {
-                    this.v.unlistenAll();
+                this.o.clear();
+                if (this.y != null) {
+                    this.y.unlistenAll();
                 }
-                if (this.u != null) {
-                    this.u.unlistenAll();
+                if (this.x != null) {
+                    this.x.unlistenAll();
                 }
             }
-            this.s = a;
+            this.v = a;
             a.rootWrapper.setStyleProperty("position", "relative");
-            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();
-            let c = this.s.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.v = c;
-            let d = this.s.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.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();
-        }
-        ao(a) {
-            this.k.clear();
-            this.s.rootWrapper.removeChildren();
-            this.s.rootWrapper.append(this.v);
-            this.v.removeChildren();
-            this.t.removeChildren();
-            this.m.clear();
+            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();
+        }
+        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.s.createElementNS("path", "http://www.w3.org/2000/svg");
+                let b = this.v.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);
-            }
-        }
-        ap(a) {
-            this.k.clear();
-            this.s.rootWrapper.removeChildren();
-            this.s.rootWrapper.append(this.v);
-            this.v.removeChildren();
-            this.t.removeChildren();
-            this.m.clear();
+                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.v.append(this.t);
+                this.y.append(this.w);
                 for (let b = 0; b < a.length; b++) {
-                    let c = this.s.createElementNS("path", "http://www.w3.org/2000/svg");
+                    let c = this.v.createElementNS("path", "http://www.w3.org/2000/svg");
                     c.setAttribute("d", a[b]);
-                    this.v.append(c);
-                    this.m.add(c);
+                    this.y.append(c);
+                    this.p.add(c);
                 }
             }
         }
-        an(a) {
-            this.s.rootWrapper.removeChildren();
+        as(a) {
+            this.v.rootWrapper.removeChildren();
             if (a != null) {
-                let b = this.s.rootWrapper.getNativeElement();
+                let b = this.v.rootWrapper.getNativeElement();
                 b.innerHTML = a;
             }
         }
-        al(a) {
-            if (this.y != a) {
-                this.y = a;
-                this.s.rootWrapper.removeChildren();
-                this.s.rootWrapper.append(this.u);
-                this.u.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);
             }
         }
-        h() {
-            return this.c.svgPath != null || this.c.svg != null || this.c.b != null;
-        }
-        am() {
-            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");
+        k() {
+            return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
         }
         ar() {
-            let a = isNaN_(this.c.an) ? 0 : this.c.an;
-            let b = isNaN_(this.c.ao) ? 0 : this.c.ao;
-            let c = isNaN_(this.c.ap) ? 24 : this.c.ap;
-            let d = isNaN_(this.c.am) ? 24 : this.c.am;
-            this.v.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
+            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");
+        }
+        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.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
         }
-        ai(a, b) {
+        am(a, b) {
             let c = a.color;
-            if (!this.k.containsKey(a)) {
+            if (!this.n.containsKey(a)) {
                 if (a.isGradient) {
-                    let d = this.t.getChildCount();
+                    let d = this.w.getChildCount();
                     let e = a;
-                    let f = this.s.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());
@@ -189,69 +198,69 @@ export let IconView = /*@__PURE__*/ (() => {
                     let j = e.gradientStops;
                     for (let i = 0; i < j.length; i++) {
                         let h = j[i];
-                        let k = this.s.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.t.append(f);
-                    this.k.addItem(a, g);
+                    this.w.append(f);
+                    this.n.addItem(a, g);
                 }
                 else if (a.isRadialGradient) {
                 }
             }
         }
-        aj(a, b) {
+        an(a, b) {
             let c = a;
-            if (this.k.containsKey(b)) {
-                c.setAttribute("fill", "url(#" + this.k.item(b) + ")");
-                this.s.rootWrapper.removeChildren();
-                this.s.rootWrapper.append(this.v);
+            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);
             }
         }
-        ak(a, b) {
+        ao(a, b) {
             let c = a;
-            if (this.k.containsKey(b)) {
-                c.setAttribute("stroke", "url('#" + this.k.item(b) + "')");
+            if (this.n.containsKey(b)) {
+                c.setAttribute("stroke", "url('#" + this.n.item(b) + "')");
             }
             else {
                 NativeUI.aa(a, b);
             }
         }
-        z(a) {
+        ac(a) {
         }
-        ah() {
-            if (this.i()) {
+        al() {
+            if (this.l()) {
             }
         }
-        aa(a) {
-            this.c.b9();
+        ad(a) {
+            this.d.b9();
         }
-        ab(a) {
-            this.c.ca();
+        ae(a) {
+            this.d.ca();
         }
-        ac() {
-            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)));
+        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)));
         }
-        af() {
-            this.g = false;
-            for (let a of fromEnum(this.l)) {
+        aj() {
+            this.j = false;
+            for (let a of fromEnum(this.o)) {
                 a();
             }
-            this.l.clear();
+            this.o.clear();
         }
-        aq(a) {
+        av(a) {
             if (a != null) {
-                this.s.rootWrapper.setStyleProperty("font", a.fontString);
+                this.v.rootWrapper.setStyleProperty("font", a.fontString);
             }
         }
-        a() {
-            let rect_ = this.s.rootWrapper.getNativeElement().getBoundingClientRect();
+        b() {
+            let rect_ = this.v.rootWrapper.getNativeElement().getBoundingClientRect();
             let a = (rect_.top);
             let b = (rect_.left);
             let c = new Array(2);
@@ -259,8 +268,102 @@ export let IconView = /*@__PURE__*/ (() => {
             c[1] = b;
             return c;
         }
-        ad(a) {
-            this.c.b7();
+        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');
@@ -314,9 +417,9 @@ export let XIcon = /*@__PURE__*/ (() => {
             this.clicked = null;
             this.propertyChanged = null;
             let a = new IconView();
-            a.c = this;
+            a.d = this;
             this.view = a;
-            this.view.ag();
+            this.view.ak();
         }
         get view() {
             return this._view;
@@ -379,11 +482,11 @@ export let XIcon = /*@__PURE__*/ (() => {
                 case "ViewBoxTop":
                 case "ViewBoxWidth":
                 case "ViewBoxHeight":
-                    this.view.ar();
+                    this.view.aw();
                     break;
                 case "Width":
                 case "Height":
-                    this.view.am();
+                    this.view.ar();
                     break;
             }
         }
@@ -406,15 +509,15 @@ export let XIcon = /*@__PURE__*/ (() => {
             }
         }
         get r() {
-            return this.svgPath != null && !this.view.j;
+            return this.svgPath != null && !this.view.m;
         }
         ch() {
-            NativeUI.y(this.view.w, this.ak);
+            NativeUI.y(this.view.z, this.ak);
         }
         cg() {
-            let a = this.view.w;
+            let a = this.view.z;
             if (this.r) {
-                let b = this.view.x;
+                let b = this.view.aa;
                 NativeUI.r(b, this.cw);
                 NativeUI.aa(b, this.cx);
                 NativeUI.ad(b, this.af);
@@ -423,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.an(this.svgPath);
+                        this.view.as(this.svgPath);
                         c = true;
                     }
                     else {
-                        this.view.ao(this.svgPath);
+                        this.view.at(this.svgPath);
                     }
                 }
                 else if (this.b != null) {
-                    this.view.ap(this.b);
-                    let d = this.view.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.aj);
-                        f = runOn(this.view, this.view.ak);
+                        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);
@@ -461,63 +564,63 @@ export let XIcon = /*@__PURE__*/ (() => {
                         }
                     }
                     if (this.m != null) {
-                        this.view.aq(this.m);
+                        this.view.av(this.m);
                     }
                     return;
                 }
                 else if (this.svg != null) {
-                    this.view.an(this.svg);
+                    this.view.as(this.svg);
                     c = true;
                 }
                 else if (this.a7 != null) {
-                    this.view.al(this.a7);
+                    this.view.ap(this.a7);
                 }
                 if (c) {
-                    for (let h = 0; h < this.view.o.count; h++) {
-                        let i = this.view.o._inner[h].c;
-                        NativeUI.r(this.view.o._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.p.count; j++) {
-                        let k = this.view.p._inner[j].c;
-                        NativeUI.aa(this.view.p._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.q.count; l++) {
-                        let m = this.view.q._inner[l].c;
-                        NativeUI.r(this.view.q._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.r.count; n++) {
-                        let o = this.view.r._inner[n].c;
-                        NativeUI.aa(this.view.r._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.d.o.count; p++) {
-                        let q = this.view.d.o._inner[p];
+                    for (let p = 0; p < this.view.e.o.count; p++) {
+                        let q = this.view.e.o._inner[p];
                         let r = q.split('-');
                         let s = parseInt(r[r.length - 1]);
                         if (s < this.e.count) {
-                            for (let t = 0; t < this.view.d.q._inner[p].count; t++) {
-                                let 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 (let t = 0; t < this.view.e.q._inner[p].count; t++) {
+                                let 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 (let v = 0; v < this.view.e.o.count; v++) {
-                        let w = this.view.e.o._inner[v];
+                    for (let v = 0; v < this.view.f.o.count; v++) {
+                        let w = this.view.f.o._inner[v];
                         let x = w.split('-');
                         let y = parseInt(x[x.length - 1]);
                         if (y < this.f.count) {
-                            for (let z = 0; z < this.view.e.q._inner[v].count; z++) {
-                                let 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 (let z = 0; z < this.view.f.q._inner[v].count; z++) {
+                                let 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 (let ab = 0; ab < this.view.n.count; ab++) {
-                        let 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));
+                    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.w;
+                let ad = this.view.z;
                 if (this.cw != null) {
                     NativeUI.r(ad, this.cw);
                 }
@@ -529,27 +632,27 @@ export let XIcon = /*@__PURE__*/ (() => {
                 }
             }
             if (this.m != null) {
-                this.view.aq(this.m);
+                this.view.av(this.m);
             }
             if (this.cy != null) {
-                NativeUI.q(this.view.w, this.cy);
+                NativeUI.q(this.view.z, this.cy);
             }
         }
         cd() {
             if (this.cw != null) {
-                this.view.ai(this.cw, "fill");
+                this.view.am(this.cw, "fill");
             }
             if (this.cx != null) {
-                this.view.ai(this.cx, "stroke");
+                this.view.am(this.cx, "stroke");
             }
             if (this.e != null) {
                 for (let a of fromEnum(this.e)) {
-                    this.view.ai(a, "fills");
+                    this.view.am(a, "fills");
                 }
             }
             if (this.f != null) {
                 for (let b of fromEnum(this.f)) {
-                    this.view.ai(b, "strokes");
+                    this.view.am(b, "strokes");
                 }
             }
         }
@@ -926,10 +1029,10 @@ export let XIcon = /*@__PURE__*/ (() => {
         cc() {
         }
         onDetachedFromUI() {
-            this.view.af();
+            this.view.aj();
         }
         onAttachedToUI() {
-            this.view.ac();
+            this.view.ag();
         }
         b7() {
             if (this.disabled) {
@@ -940,61 +1043,58 @@ export let XIcon = /*@__PURE__*/ (() => {
             }
         }
         u() {
-            return this.view.i();
+            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.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;
-            let c = this.view.a();
-            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.s;
-                    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.ae(a);
+            this.view.ai(a);
         }
     }
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);