igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.0

package/esm2015/lib/IconView_combined.js

@@ -4,8 +4,12 @@ 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, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-webcomponents-core";
+import { Base, String_$type, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-webcomponents-core";
 import { List$1 } from "igniteui-webcomponents-core";
+import { Tuple$2 } from "igniteui-webcomponents-core";
+import { SVGNode } from "igniteui-webcomponents-core";
+import { FastIterationDictionary$2 } from "igniteui-webcomponents-core";
+import { isNaN_ } from "igniteui-webcomponents-core";
 import { IIcon_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
@@ -13,7 +17,8 @@ import { IconClickedEventArgs } from "./IconClickedEventArgs";
 import { IconVisualModelExport } from "./IconVisualModelExport";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { FontUtil } from "igniteui-webcomponents-core";
-import { isNaN_ } from "igniteui-webcomponents-core";
+import { stringStartsWith } from "igniteui-webcomponents-core";
+import { trimStart } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
@@ -22,107 +27,135 @@ export let IconView = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this.b = null;
-            this.h = null;
-            this.c = null;
-            this.g = new List$1(Delegate_$type, 0);
-            this.m = null;
-            this.d = true;
-            this.i = null;
+            this.o = null;
+            this.e = null;
+            this.i = new List$1(Delegate_$type, 0);
             this.j = null;
-        }
-        u() {
-        }
-        e() {
+            this.k = null;
+            this.l = null;
+            this.m = null;
+            this.n = null;
+            this.c = null;
+            this.d = null;
+            this.u = null;
+            this.t = null;
+            this.f = true;
+            this.p = null;
+            this.q = null;
+            this.j = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+            this.k = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+            this.l = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+            this.m = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+            this.n = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+            this.c = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
+            this.d = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
+        }
+        ac() {
+        }
+        g() {
             return true;
         }
-        get k() {
-            return this.i;
+        get r() {
+            return this.p;
         }
-        get l() {
+        get s() {
             return null;
         }
-        get f() {
+        get h() {
             return true;
         }
-        s(a) {
+        aa(a) {
             if (a == null) {
-                for (let b of fromEnum(this.g)) {
+                for (let b of fromEnum(this.i)) {
                     b();
                 }
-                this.g.clear();
-                if (this.i != null) {
-                    this.i.unlistenAll();
+                this.i.clear();
+                if (this.p != null) {
+                    this.p.unlistenAll();
                 }
             }
-            this.h = a;
+            this.o = a;
             a.rootWrapper.setStyleProperty("position", "relative");
-            this.h.rootWrapper.setStyleProperty("display", "flex");
-            this.h.rootWrapper.setStyleProperty("flex-direction", "row");
-            this.h.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
-            this.h.rootWrapper.setStyleProperty("align-items", "center");
-            this.w();
-            let c = this.h.createElementNS("svg", "http://www.w3.org/2000/svg");
+            this.o.rootWrapper.setStyleProperty("display", "flex");
+            this.o.rootWrapper.setStyleProperty("flex-direction", "row");
+            this.o.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
+            this.o.rootWrapper.setStyleProperty("align-items", "center");
+            this.ae();
+            let c = this.o.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");
-            c.setAttribute("viewBox", "0 0 24 24");
-            this.i = c;
-            let d = this.h.createElementNS("path", "http://www.w3.org/2000/svg");
+            this.p = c;
+            this.ai();
+            let d = this.o.createElementNS("path", "http://www.w3.org/2000/svg");
             d.setAttribute("d", "");
-            this.i.append(d);
-            if (this.m != null) {
-                d.setAttribute("d", this.m);
+            this.p.append(d);
+            if (this.u != null) {
+                d.setAttribute("d", this.u);
+            }
+            this.q = d;
+            this.o.append(this.p);
+            this.i.add(c.listen("click", runOn(this, this.z)));
+            this.b.b6();
+        }
+        ag(a) {
+            if (this.u != a) {
+                this.u = a;
+                this.o.rootWrapper.removeChildren();
+                this.o.rootWrapper.append(this.p);
+                if (this.q != null) {
+                    this.q.setAttribute("d", this.u);
+                }
             }
-            this.j = d;
-            this.h.append(this.i);
-            this.g.add(c.listen("click", runOn(this, this.r)));
-            this.b.bg();
         }
-        x(a) {
-            if (this.m != a) {
-                this.m = a;
-                if (this.j != null) {
-                    this.j.setAttribute("d", this.m);
-                }
+        af(a) {
+            if (this.t != a) {
+                this.t = a;
+                this.o.rootWrapper.removeChildren();
+                let b = this.o.rootWrapper.getNativeElement();
+                b.innerHTML = this.t;
             }
         }
-        w() {
-            this.h.rootWrapper.setStyleProperty("width", "1.5rem");
-            this.h.rootWrapper.setStyleProperty("height", "1.5rem");
+        ae() {
+            this.o.rootWrapper.setStyleProperty("width", isNaN_(this.b.ao) ? "1.5rem" : this.b.ao + "px");
+            this.o.rootWrapper.setStyleProperty("height", isNaN_(this.b.ag) ? "1.5rem" : this.b.ag + "px");
+        }
+        ai() {
+            this.p.setAttribute("viewBox", (isNaN_(this.b.al) ? 0 : this.b.al) + " " + (isNaN_(this.b.am) ? 0 : this.b.am) + " " + (isNaN_(this.b.an) ? 24 : this.b.an) + " " + (isNaN_(this.b.ak) ? 24 : this.b.ak));
         }
-        n(a) {
+        v(a) {
         }
-        v() {
-            if (this.e()) {
+        ad() {
+            if (this.g()) {
             }
         }
-        o(a) {
-            this.b.bd();
+        w(a) {
+            this.b.b3();
         }
-        p(a) {
-            this.b.be();
+        x(a) {
+            this.b.b4();
         }
-        q() {
-            this.d = true;
-            this.g.add(this.h.rootWrapper.listen("mouseenter", runOn(this, this.o)));
-            this.g.add(this.h.rootWrapper.listen("mouseleave", runOn(this, this.p)));
+        y() {
+            this.f = true;
+            this.i.add(this.o.rootWrapper.listen("mouseenter", runOn(this, this.w)));
+            this.i.add(this.o.rootWrapper.listen("mouseleave", runOn(this, this.x)));
         }
-        t() {
-            this.d = false;
-            for (let a of fromEnum(this.g)) {
+        ab() {
+            this.f = false;
+            for (let a of fromEnum(this.i)) {
                 a();
             }
-            this.g.clear();
+            this.i.clear();
         }
-        y(a) {
+        ah(a) {
             if (a != null) {
-                this.h.rootWrapper.setStyleProperty("font", a.fontString);
+                this.o.rootWrapper.setStyleProperty("font", a.fontString);
             }
         }
         a() {
-            let rect_ = this.h.rootWrapper.getNativeElement().getBoundingClientRect();
+            let rect_ = this.o.rootWrapper.getNativeElement().getBoundingClientRect();
             let a = (rect_.top);
             let b = (rect_.left);
             let c = new Array(2);
@@ -130,8 +163,8 @@ export let IconView = /*@__PURE__*/ (() => {
             c[1] = b;
             return c;
         }
-        r(a) {
-            this.b.bb();
+        z(a) {
+            this.b.b1();
         }
     }
     IconView.$t = /*@__PURE__*/ markType(IconView, 'IconView');
@@ -145,37 +178,47 @@ export let XIcon = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this._view = null;
-            this.d = 0;
-            this.bm = XIcon.b2;
-            this.bq = XIcon.b6;
-            this.bn = XIcon.b3;
-            this.bo = XIcon.b4;
-            this.bp = XIcon.b5;
-            this.p = XIcon.w;
-            this.q = XIcon.x;
-            this.br = XIcon.b2;
-            this.bw = XIcon.b6;
-            this.ah = null;
-            this.bs = XIcon.b3;
-            this.bt = XIcon.b4;
-            this.bv = XIcon.b5;
-            this.r = XIcon.w;
-            this.t = XIcon.x;
-            this.f = null;
-            this.bu = null;
-            this.ag = "ig-icon-" + XIcon.ad++;
-            this.ab = 0;
-            this.h = false;
-            this.af = null;
-            this.j = false;
-            this.i = false;
-            this.s = 1;
+            this.h = 0;
+            this.cc = XIcon.cs;
+            this.cd = XIcon.cw;
+            this.ce = XIcon.cx;
+            this.t = XIcon.af;
+            this.cf = XIcon.cs;
+            this.cn = XIcon.cw;
+            this.x = XIcon.af;
+            this.co = XIcon.cx;
+            this.cg = XIcon.ct;
+            this.ch = XIcon.cu;
+            this.v = XIcon.ae;
+            this.ci = null;
+            this.a = null;
+            this.b = null;
+            this.cj = null;
+            this.ck = null;
+            this.cl = null;
+            this.cm = null;
+            this.aw = null;
+            this.av = null;
+            this.j = null;
+            this.au = "ig-icon-" + XIcon.ar++;
+            this.ap = 0;
+            this.l = false;
+            this.at = null;
+            this.n = false;
+            this.m = false;
+            this.w = 1;
+            this.z = NaN;
+            this.aa = NaN;
+            this.ab = NaN;
+            this.y = NaN;
+            this.ac = NaN;
+            this.u = NaN;
             this.clicked = null;
             this.propertyChanged = null;
             let a = new IconView();
             a.b = this;
             this.view = a;
-            this.view.u();
+            this.view.ac();
         }
         get view() {
             return this._view;
@@ -186,360 +229,514 @@ export let XIcon = /*@__PURE__*/ (() => {
         destroy() {
             this.provideContainer(null);
         }
-        bf(a, b, c) {
+        b5(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.bh(a, b, c);
+            this.b7(a, b, c);
         }
-        bh(a, b, c) {
+        b7(a, b, c) {
             switch (a) {
                 case "Fill":
                 case "Stroke":
-                case "StrokeThickness":
+                case "StrokeWidth":
                 case "HoverFill":
                 case "HoverStroke":
                 case "HoverStrokeThickness":
-                    this.bl();
+                case "IsHover":
+                    this.cb();
                     break;
                 case "ActualFill":
                 case "ActualStroke":
-                case "ActualHoverFill":
-                case "ActualHoverStroke":
-                case "ActualStrokeThickness":
-                case "ActualHoverStrokeThickness":
+                case "ActualStrokeWidth":
                 case "SVGPath":
-                    this.bj();
+                case "SVG":
+                    this.b9();
                     break;
                 case "Opacity":
-                    this.bk();
+                    this.ca();
+                    break;
+                case "ViewBoxLeft":
+                case "ViewBoxTop":
+                case "ViewBoxWidth":
+                case "ViewBoxHeight":
+                    this.view.ai();
+                    break;
+                case "Width":
+                case "Height":
+                    this.view.ae();
                     break;
             }
         }
-        bl() {
-            this.bx = this.fill != null ? this.fill : XIcon.b2;
-            this.by = this.b7 != null ? this.b7 : XIcon.b3;
-            this.b0 = this.ca != null ? this.ca : XIcon.b5;
-            this.bz = this.b8 != null ? this.b8 : XIcon.b4;
-            this.v = !isNaN_(this.aa) ? this.aa : XIcon.x;
-            this.u = !isNaN_(this.y) ? this.y : XIcon.w;
-            this.b1 = this.cb != null ? this.cb : XIcon.b6;
-        }
-        get l() {
-            return this.svgPath != null && !this.view.f;
-        }
-        bk() {
-            NativeUI.u(this.view.k, this.z);
-        }
-        bj() {
-            let a = this.view.k;
-            if (this.l) {
-                let b = this.view.l;
-                if (this.n) {
-                    NativeUI.p(b, this.by);
-                    NativeUI.w(b, this.bz);
-                    NativeUI.z(b, this.u);
-                }
-                else {
-                    NativeUI.p(b, this.bx);
-                    NativeUI.w(b, this.b0);
-                    NativeUI.z(b, this.v);
-                }
+        cb() {
+            let a = this.fill != null ? this.fill : XIcon.cs;
+            let b = this.c5 != null ? this.c5 : XIcon.cw;
+            let c = !isNaN_(this.aj) ? this.aj : XIcon.af;
+            let d = this.c6 != null ? this.c6 : XIcon.cx;
+            if (this.r) {
+                this.cp = this.cy != null ? this.cy : a;
+                this.cq = this.cz != null ? this.cz : b;
+                this.ad = !isNaN_(this.ah) ? this.ah : c;
+                this.cr = this.c0 != null ? this.c0 : d;
             }
             else {
+                this.cp = a;
+                this.cq = b;
+                this.ad = c;
+                this.cr = d;
+            }
+        }
+        get p() {
+            return this.svgPath != null && !this.view.h;
+        }
+        ca() {
+            NativeUI.w(this.view.r, this.ai);
+        }
+        b9() {
+            let a = this.view.r;
+            if (this.p) {
+                let b = this.view.s;
+                NativeUI.q(b, this.cp);
+                NativeUI.y(b, this.cq);
+                NativeUI.ab(b, this.ad);
+            }
+            else {
+                let c = false;
                 if (this.svgPath != null) {
-                    this.view.x(this.svgPath);
+                    if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
+                        this.view.af(this.svgPath);
+                        c = true;
+                    }
+                    else {
+                        this.view.ag(this.svgPath);
+                    }
+                }
+                else if (this.svg != null) {
+                    this.view.af(this.svg);
+                    c = true;
                 }
-                let c = this.view.k;
-                if (this.n) {
-                    if (this.by != null) {
-                        NativeUI.p(c, this.by);
+                if (c) {
+                    for (let d = 0; d < this.view.k.count; d++) {
+                        let e = this.view.k._inner[d].c;
+                        NativeUI.q(this.view.k._inner[d].d, e.l.f(this.c1));
                     }
-                    if (this.bz != null) {
-                        NativeUI.w(c, this.bz);
+                    for (let f = 0; f < this.view.l.count; f++) {
+                        let g = this.view.l._inner[f].c;
+                        NativeUI.y(this.view.l._inner[f].d, g.m.f(this.c2));
                     }
-                    if (!isNaN_(this.u)) {
-                        NativeUI.z(c, this.u);
+                    for (let h = 0; h < this.view.m.count; h++) {
+                        let i = this.view.m._inner[h].c;
+                        NativeUI.q(this.view.m._inner[h].d, i.l.f(this.c3));
                     }
-                }
-                else {
-                    if (this.bx != null) {
-                        NativeUI.p(c, this.bx);
+                    for (let j = 0; j < this.view.n.count; j++) {
+                        let k = this.view.n._inner[j].c;
+                        NativeUI.y(this.view.n._inner[j].d, k.m.f(this.c4));
                     }
-                    if (this.b0 != null) {
-                        NativeUI.w(c, this.b0);
+                    for (let l = 0; l < this.view.c.o.count; l++) {
+                        let m = this.view.c.o._inner[l];
+                        let n = m.split('-');
+                        let o = parseInt(n[n.length - 1]);
+                        if (o < this.c.count) {
+                            for (let p = 0; p < this.view.c.q._inner[l].count; p++) {
+                                let q = this.view.c.q._inner[l]._inner[p].c;
+                                NativeUI.q(this.view.c.q._inner[l]._inner[p].d, q.l.f(this.c.item(o)));
+                            }
+                        }
                     }
-                    if (!isNaN_(this.v)) {
-                        NativeUI.z(c, this.v);
+                    for (let r = 0; r < this.view.d.o.count; r++) {
+                        let s = this.view.d.o._inner[r];
+                        let t = s.split('-');
+                        let u = parseInt(t[t.length - 1]);
+                        if (u < this.d.count) {
+                            for (let v = 0; v < this.view.d.q._inner[r].count; v++) {
+                                let w = this.view.d.q._inner[r]._inner[v].c;
+                                NativeUI.y(this.view.d.q._inner[r]._inner[v].d, w.m.f(this.d.item(u)));
+                            }
+                        }
                     }
+                    for (let x = 0; x < this.view.j.count; x++) {
+                        let y = this.view.j._inner[x].c;
+                        NativeUI.q(this.view.j._inner[x].d, y.l.f(this.cp));
+                        NativeUI.y(this.view.j._inner[x].d, y.m.f(this.cq));
+                    }
+                }
+                let z = this.view.r;
+                if (this.cp != null) {
+                    NativeUI.q(z, this.cp);
+                }
+                if (this.cq != null) {
+                    NativeUI.y(z, this.cq);
+                }
+                if (!isNaN_(this.ad)) {
+                    NativeUI.ab(z, this.ad);
                 }
             }
-            if (this.g != null) {
-                this.view.y(this.g);
+            if (this.k != null) {
+                this.view.ah(this.k);
             }
-            if (this.b1 != null) {
-                NativeUI.o(this.view.k, this.b1);
+            if (this.cr != null) {
+                NativeUI.p(this.view.r, this.cr);
             }
         }
-        get e() {
-            return this.d;
+        get i() {
+            return this.h;
         }
-        set e(a) {
-            let b = this.d;
-            this.d = a;
-            if (b != this.d) {
-                this.bf("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+        set i(a) {
+            let b = this.h;
+            this.h = a;
+            if (b != this.h) {
+                this.b5("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         }
-        get bx() {
-            return this.bm;
+        get cp() {
+            return this.cc;
         }
-        set bx(a) {
-            let b = this.bm;
-            this.bm = a;
-            if (b != this.bm) {
-                this.bf("ActualFill", b, a);
+        set cp(a) {
+            let b = this.cc;
+            this.cc = a;
+            if (b != this.cc) {
+                this.b5("ActualFill", b, a);
             }
         }
-        get b1() {
-            return this.bq;
+        get cq() {
+            return this.cd;
         }
-        set b1(a) {
-            let b = this.bq;
-            this.bq = a;
-            if (b != this.bq) {
-                this.bf("ActualTextColor", b, a);
+        set cq(a) {
+            let b = this.cd;
+            this.cd = a;
+            if (b != this.cd) {
+                this.b5("ActualStroke", b, a);
             }
         }
-        get by() {
-            return this.bn;
+        get cr() {
+            return this.ce;
         }
-        set by(a) {
-            let b = this.bn;
-            this.bn = a;
-            if (b != this.bn) {
-                this.bf("ActualHoverFill", b, a);
+        set cr(a) {
+            let b = this.ce;
+            this.ce = a;
+            if (b != this.ce) {
+                this.b5("ActualTextColor", b, a);
             }
         }
-        get bz() {
-            return this.bo;
+        get ad() {
+            return this.t;
         }
-        set bz(a) {
-            let b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.bf("ActualHoverStroke", b, a);
+        set ad(a) {
+            let b = this.t;
+            this.t = a;
+            if (b != this.t) {
+                this.b5("ActualStrokeWidth", b, a);
             }
         }
-        get b0() {
-            return this.bp;
+        get fill() {
+            return this.cf;
         }
-        set b0(a) {
-            let b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.bf("ActualStroke", b, a);
+        set fill(a) {
+            let b = this.cf;
+            this.cf = a;
+            if (b != this.cf) {
+                this.b5("Fill", b, a);
             }
         }
-        get u() {
-            return this.p;
+        get c5() {
+            return this.cn;
         }
-        set u(a) {
-            let b = this.p;
-            this.p = a;
-            if (b != this.p) {
-                this.bf("ActualHoverStrokeThickness", b, a);
+        set c5(a) {
+            let b = this.cn;
+            this.cn = a;
+            if (b != this.cn) {
+                this.b5("Stroke", b, a);
             }
         }
-        get v() {
-            return this.q;
+        get aj() {
+            return this.x;
         }
-        set v(a) {
-            let b = this.q;
-            this.q = a;
-            if (b != this.q) {
-                this.bf("ActualStrokeThickness", b, a);
+        set aj(a) {
+            let b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.b5("StrokeWidth", b, a);
             }
         }
-        get fill() {
-            return this.br;
+        get c6() {
+            return this.co;
         }
-        set fill(a) {
-            let b = this.br;
-            this.br = a;
-            if (b != this.br) {
-                this.bf("Fill", b, a);
+        set c6(a) {
+            let b = this.co;
+            this.co = a;
+            if (b != this.co) {
+                this.b5("TextColor", b, a);
             }
         }
-        get cb() {
-            return this.bw;
+        get cy() {
+            return this.cg;
         }
-        set cb(a) {
-            let b = this.bw;
-            this.bw = a;
-            if (b != this.bw) {
-                this.bf("TextColor", b, a);
+        set cy(a) {
+            let b = this.cg;
+            this.cg = a;
+            if (b != this.cg) {
+                this.b5("HoverFill", b, a);
             }
         }
-        get svgPath() {
-            return this.ah;
+        get cz() {
+            return this.ch;
         }
-        set svgPath(a) {
-            let b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
-                this.bf("SVGPath", b, a);
+        set cz(a) {
+            let b = this.ch;
+            this.ch = a;
+            if (b != this.ch) {
+                this.b5("HoverStroke", b, a);
             }
         }
-        get b7() {
-            return this.bs;
+        get ah() {
+            return this.v;
         }
-        set b7(a) {
-            let b = this.bs;
-            this.bs = a;
-            if (b != this.bs) {
-                this.bf("HoverFill", b, a);
+        set ah(a) {
+            let b = this.v;
+            this.v = a;
+            if (b != this.v) {
+                this.b5("HoverStrokeThickness", b, a);
             }
         }
-        get b8() {
-            return this.bt;
+        get c0() {
+            return this.ci;
         }
-        set b8(a) {
-            let b = this.bt;
-            this.bt = a;
-            if (b != this.bt) {
-                this.bf("HoverStroke", b, a);
+        set c0(a) {
+            let b = this.ci;
+            this.ci = a;
+            if (b != this.ci) {
+                this.b5("HoverTextColor", b, a);
             }
         }
-        get ca() {
-            return this.bv;
+        get c() {
+            return this.a;
         }
-        set ca(a) {
-            let b = this.bv;
-            this.bv = a;
-            if (b != this.bv) {
-                this.bf("Stroke", b, a);
+        set c(a) {
+            let b = this.a;
+            this.a = a;
+            if (b != this.a) {
+                this.b5("FillColors", b, this.a);
             }
         }
-        get y() {
-            return this.r;
+        get d() {
+            return this.b;
         }
-        set y(a) {
-            let b = this.r;
-            this.r = a;
-            if (b != this.r) {
-                this.bf("HoverStrokeThickness", b, a);
+        set d(a) {
+            let b = this.b;
+            this.b = a;
+            if (b != this.b) {
+                this.b5("StrokeColors", b, this.b);
             }
         }
-        get aa() {
-            return this.t;
+        get c1() {
+            return this.cj;
         }
-        set aa(a) {
-            let b = this.t;
-            this.t = a;
-            if (b != this.t) {
-                this.bf("StrokeThickness", b, a);
+        set c1(a) {
+            let b = this.cj;
+            this.cj = a;
+            if (b != this.cj) {
+                this.b5("PrimaryFillColor", b, this.cj);
             }
         }
-        bd() {
-            this.n = true;
+        get c2() {
+            return this.ck;
         }
-        be() {
-            this.n = false;
+        set c2(a) {
+            let b = this.ck;
+            this.ck = a;
+            if (b != this.ck) {
+                this.b5("PrimaryStrokeColor", b, this.ck);
+            }
         }
-        get g() {
-            return this.f;
+        get c3() {
+            return this.cl;
         }
-        set g(a) {
-            let b = this.f;
-            this.f = a;
-            if (b != this.f) {
-                this.bf("TextStyle", b, a);
+        set c3(a) {
+            let b = this.cl;
+            this.cl = a;
+            if (b != this.cl) {
+                this.b5("SecondaryFillColor", b, this.cl);
             }
         }
-        get b9() {
-            return this.bu;
+        get c4() {
+            return this.cm;
         }
-        set b9(a) {
-            let b = this.bu;
-            this.bu = a;
-            if (b != this.bu) {
-                this.bf("HoverTextColor", b, a);
+        set c4(a) {
+            let b = this.cm;
+            this.cm = a;
+            if (b != this.cm) {
+                this.b5("SecondaryStrokeColor", b, this.cm);
             }
         }
-        get ay() {
-            return this.ag;
+        get svgPath() {
+            return this.aw;
         }
-        set ay(a) {
-            let b = this.ag;
-            this.ag = a;
-            if (b != this.ag) {
-                this.bf("Id", b, a);
+        set svgPath(a) {
+            let b = this.aw;
+            this.aw = a;
+            if (b != this.aw) {
+                this.b5("SVGPath", b, a);
             }
         }
-        get k() {
-            return this.h;
-        }
-        get ac() {
-            return this.ab;
+        get svg() {
+            return this.av;
         }
-        set ac(a) {
-            let b = this.ab;
-            this.ab = a;
-            this.h = true;
-            if (b != this.ab) {
-                this.bf("TabIndex", b, a);
+        set svg(a) {
+            let b = this.av;
+            this.av = a;
+            if (b != this.av) {
+                this.b5("SVG", b, this.av);
             }
         }
-        get ap() {
-            return this.af;
+        b3() {
+            this.r = true;
         }
-        set ap(a) {
-            let b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.bf("AriaLabel", b, a);
-            }
+        b4() {
+            this.r = false;
         }
-        get n() {
+        get k() {
             return this.j;
         }
-        set n(a) {
+        set k(a) {
             let b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.bf("IsHover", b, a);
+                this.b5("TextStyle", b, a);
+            }
+        }
+        get bc() {
+            return this.au;
+        }
+        set bc(a) {
+            let b = this.au;
+            this.au = a;
+            if (b != this.au) {
+                this.b5("Id", b, a);
+            }
+        }
+        get o() {
+            return this.l;
+        }
+        get aq() {
+            return this.ap;
+        }
+        set aq(a) {
+            let b = this.ap;
+            this.ap = a;
+            this.l = true;
+            if (b != this.ap) {
+                this.b5("TabIndex", b, a);
+            }
+        }
+        get a1() {
+            return this.at;
+        }
+        set a1(a) {
+            let b = this.at;
+            this.at = a;
+            if (b != this.at) {
+                this.b5("AriaLabel", b, a);
+            }
+        }
+        get r() {
+            return this.n;
+        }
+        set r(a) {
+            let b = this.n;
+            this.n = a;
+            if (b != this.n) {
+                this.b5("IsHover", b, a);
             }
         }
         get disabled() {
-            return this.i;
+            return this.m;
         }
         set disabled(a) {
-            let b = this.i;
-            this.i = a;
-            if (b != this.i) {
-                this.bf("IsDisabled", b, a);
+            let b = this.m;
+            this.m = a;
+            if (b != this.m) {
+                this.b5("IsDisabled", b, a);
             }
         }
-        get z() {
-            return this.s;
+        get ai() {
+            return this.w;
         }
-        set z(a) {
-            let b = this.s;
-            this.s = a;
-            if (b != this.s) {
-                this.bf("Opacity", b, this.s);
+        set ai(a) {
+            let b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.b5("Opacity", b, this.w);
             }
         }
-        bg() {
+        get al() {
+            return this.z;
+        }
+        set al(a) {
+            let b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.b5("ViewBoxLeft", b, this.z);
+            }
+        }
+        get am() {
+            return this.aa;
+        }
+        set am(a) {
+            let b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.b5("ViewBoxTop", b, this.aa);
+            }
+        }
+        get an() {
+            return this.ab;
+        }
+        set an(a) {
+            let b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.b5("ViewBoxWidth", b, this.ab);
+            }
+        }
+        get ak() {
+            return this.y;
+        }
+        set ak(a) {
+            let b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.b5("ViewBoxHeight", b, this.y);
+            }
+        }
+        get ao() {
+            return this.ac;
+        }
+        set ao(a) {
+            let b = this.ac;
+            this.ac = a;
+            if (b != this.ac) {
+                this.b5("Width", b, this.ac);
+            }
+        }
+        get ag() {
+            return this.u;
+        }
+        set ag(a) {
+            let b = this.u;
+            this.u = a;
+            if (b != this.u) {
+                this.b5("Height", b, this.u);
+            }
+        }
+        b6() {
         }
         onDetachedFromUI() {
-            this.view.t();
+            this.view.ab();
         }
         onAttachedToUI() {
-            this.view.q();
+            this.view.y();
         }
-        bb() {
+        b1() {
             if (this.disabled) {
                 return;
             }
@@ -547,33 +744,33 @@ export let XIcon = /*@__PURE__*/ (() => {
                 this.clicked(this, new IconClickedEventArgs());
             }
         }
-        o() {
-            return this.view.e();
-        }
-        ae() {
-            return this.a();
+        s() {
+            return this.view.g();
         }
         as() {
-            let a = this.a();
+            return this.e();
+        }
+        a4() {
+            let a = this.e();
             return a.j();
         }
-        a() {
+        e() {
             let a = new IconVisualModelExport();
-            let b = this.view.k;
-            a.a = AppearanceHelper.a(NativeUI.ah(b));
-            a.c = AppearanceHelper.a(NativeUI.ah(b));
-            a.b = AppearanceHelper.a(NativeUI.ai(b));
-            a.d = this.v;
+            let b = this.view.r;
+            a.a = AppearanceHelper.a(NativeUI.aj(b));
+            a.c = AppearanceHelper.a(NativeUI.aj(b));
+            a.b = AppearanceHelper.a(NativeUI.ak(b));
+            a.d = this.ad;
             let c = this.view.a();
             a.h = c[0];
             a.f = c[1];
-            a.e = NativeUI.c(b);
-            a.i = NativeUI.i(b);
+            a.e = NativeUI.d(b);
+            a.i = NativeUI.j(b);
             a.svgPath = this.svgPath;
-            if (this.g != null) {
-                let d = this.g;
+            if (this.k != null) {
+                let d = this.k;
                 if (this.view != null && d.n == null) {
-                    let e = this.view.h;
+                    let e = this.view.o;
                     let f = FontUtil.getFontInfoFromString(e, d.fontString);
                     d.n = f.n;
                     d.d = f.d;
@@ -601,17 +798,18 @@ export let XIcon = /*@__PURE__*/ (() => {
             return a;
         }
         provideContainer(a) {
-            this.view.s(a);
+            this.view.aa(a);
         }
     }
     XIcon.$t = /*@__PURE__*/ markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
-    XIcon.b2 = null;
-    XIcon.b6 = null;
-    XIcon.b5 = null;
-    XIcon.b3 = null;
-    XIcon.b4 = null;
-    XIcon.x = 0;
-    XIcon.w = 0;
-    XIcon.ad = 0;
+    XIcon.cs = null;
+    XIcon.cx = null;
+    XIcon.cw = null;
+    XIcon.ct = null;
+    XIcon.cu = null;
+    XIcon.cv = null;
+    XIcon.af = NaN;
+    XIcon.ae = NaN;
+    XIcon.ar = 0;
     return XIcon;
 })();