igniteui-angular-inputs 19.0.1 → 19.1.0-beta.0

package/esm2015/lib/IconView_combined.js

@@ -23,6 +23,7 @@ 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 { LegendItemHelper } from "igniteui-angular-core";
 import { isNaN_ } from "igniteui-angular-core";
 import { IIcon_$type } from "igniteui-angular-core";
 import { BaseControlTheme_$type } from "igniteui-angular-core";
@@ -64,7 +65,7 @@ export let IconView = /*@__PURE__*/ (() => {
             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);
         }
-        al() {
+        am() {
         }
         l() {
             return true;
@@ -81,7 +82,7 @@ export let IconView = /*@__PURE__*/ (() => {
         get m() {
             return true;
         }
-        aj(a) {
+        ak(a) {
             if (a == null) {
                 for (let b of fromEnum(this.o)) {
                     b();
@@ -101,7 +102,7 @@ export let IconView = /*@__PURE__*/ (() => {
             this.v.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
             this.v.rootWrapper.setStyleProperty("align-items", "center");
             this.v.rootWrapper.setStyleProperty("justify-content", "center");
-            this.as();
+            this.au();
             let c = this.v.createElementNS("svg", "http://www.w3.org/2000/svg");
             c.setStyleProperty("position", "absolute");
             c.setStyleProperty("top", "0");
@@ -114,14 +115,14 @@ export let IconView = /*@__PURE__*/ (() => {
             d.setStyleProperty("width", "100%");
             d.setStyleProperty("object-fit", "contain");
             this.x = d;
-            this.ay();
+            this.a0();
             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.ai)));
-            this.d.ch();
+            this.o.add(c.listen("click", runOn(this, this.aj)));
+            this.d.cm();
         }
-        av(a) {
+        ax(a) {
             this.n.clear();
             this.v.rootWrapper.removeChildren();
             this.v.rootWrapper.append(this.y);
@@ -136,7 +137,7 @@ export let IconView = /*@__PURE__*/ (() => {
                 this.p.add(b);
             }
         }
-        aw(a) {
+        ay(a) {
             this.n.clear();
             this.v.rootWrapper.removeChildren();
             this.v.rootWrapper.append(this.y);
@@ -153,14 +154,14 @@ export let IconView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        au(a) {
+        aw(a) {
             this.v.rootWrapper.removeChildren();
             if (a != null) {
                 let b = this.v.rootWrapper.getNativeElement();
                 b.innerHTML = a;
             }
         }
-        aq(a) {
+        as(a) {
             if (this.ab != a) {
                 this.ab = a;
                 this.v.rootWrapper.removeChildren();
@@ -168,12 +169,12 @@ export let IconView = /*@__PURE__*/ (() => {
                 this.x.setAttribute("src", a);
             }
         }
-        at(a) {
+        av(a) {
             if (typeof a === 'string') {
-                this.aq(typeCast(String_$type, a));
+                this.as(typeCast(String_$type, a));
             }
         }
-        ag() {
+        ah() {
             if (this.d.k != 3 && this.d.k != 4) {
                 this.ab = null;
             }
@@ -181,18 +182,18 @@ export let IconView = /*@__PURE__*/ (() => {
         k() {
             return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
         }
-        as() {
+        au() {
             this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.at) ? "1.5rem" : this.d.at + "px");
             this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.al) ? "1.5rem" : this.d.al + "px");
         }
-        ay() {
+        a0() {
             let a = isNaN_(this.d.aq) ? 0 : this.d.aq;
             let b = isNaN_(this.d.ar) ? 0 : this.d.ar;
             let c = isNaN_(this.d.as) ? 24 : this.d.as;
             let d = isNaN_(this.d.ap) ? 24 : this.d.ap;
             this.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
         }
-        an(a, b) {
+        ao(a, b) {
             let c = a.color;
             if (!this.n.containsKey(a)) {
                 if (a.isGradient) {
@@ -220,7 +221,7 @@ export let IconView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ao(a, b) {
+        ap(a, b) {
             let c = a;
             if (this.n.containsKey(b)) {
                 c.setAttribute("fill", "url(#" + this.n.item(b) + ")");
@@ -231,7 +232,7 @@ export let IconView = /*@__PURE__*/ (() => {
                 NativeUI.r(a, b);
             }
         }
-        ap(a, b) {
+        aq(a, b) {
             let c = a;
             if (this.n.containsKey(b)) {
                 c.setAttribute("stroke", "url('#" + this.n.item(b) + "')");
@@ -242,29 +243,29 @@ export let IconView = /*@__PURE__*/ (() => {
         }
         ac(a) {
         }
-        am() {
+        an() {
             if (this.l()) {
             }
         }
         ad(a) {
-            this.d.ce();
+            this.d.cj();
         }
         ae(a) {
-            this.d.cf();
+            this.d.ck();
         }
-        ah() {
+        ai() {
             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)));
         }
-        ak() {
+        al() {
             this.j = false;
             for (let a of fromEnum(this.o)) {
                 a();
             }
             this.o.clear();
         }
-        ax(a) {
+        az(a) {
             if (a != null) {
                 this.v.rootWrapper.setStyleProperty("font", a.fontString);
             }
@@ -278,7 +279,7 @@ export let IconView = /*@__PURE__*/ (() => {
             c[1] = b;
             return c;
         }
-        ai(a) {
+        aj(a) {
             if (this.d.x()) {
                 a.stopPropagation();
                 a.preventDefault();
@@ -289,7 +290,7 @@ export let IconView = /*@__PURE__*/ (() => {
             let b = this.v.rootWrapper.getNativeElement();
             return a.toArray();
         }
-        af(a, b) {
+        ag(a, b) {
             for (let c = 0; c < b.e.count; c++) {
                 let d = b.e._inner[c];
                 let e = this.h(d);
@@ -297,7 +298,7 @@ export let IconView = /*@__PURE__*/ (() => {
                     a.add(e);
                 }
                 else {
-                    this.af(a, d);
+                    this.ag(a, d);
                 }
             }
         }
@@ -310,7 +311,7 @@ export let IconView = /*@__PURE__*/ (() => {
                         $ret.an = a.w;
                         return $ret;
                     })());
-                    this.ar(c, a);
+                    this.at(c, a);
                     b = new PathVisualData(1, "path1", c);
                     break;
                 case 3:
@@ -320,7 +321,7 @@ export let IconView = /*@__PURE__*/ (() => {
                     e.ao = d.x;
                     e.ap = d.y;
                     e.aq = d.z;
-                    this.ar(e, a);
+                    this.at(e, a);
                     b = new LineVisualData(1, "line1", e);
                     break;
                 case 4:
@@ -330,7 +331,7 @@ export let IconView = /*@__PURE__*/ (() => {
                     g.height = f.w;
                     g.ap = f.x;
                     g.aq = f.y;
-                    this.ar(g, a);
+                    this.at(g, a);
                     b = new RectangleVisualData(1, "rect1", g);
                     break;
                 case 5:
@@ -339,13 +340,13 @@ export let IconView = /*@__PURE__*/ (() => {
                     let i = new Ellipse();
                     i.width = h.y * 2;
                     i.height = h.z * 2;
-                    this.ar(i, a);
+                    this.at(i, a);
                     b = new EllipseVisualData(1, "ellipse1", i);
                     break;
             }
             return b;
         }
-        ar(a, b) {
+        at(a, b) {
             let c = b;
             a.ad = b.t;
             a.j = c.h;
@@ -378,6 +379,16 @@ export let IconView = /*@__PURE__*/ (() => {
             }
             return null;
         }
+        ar(a, b) {
+            this.v.rootWrapper.removeChildren();
+            if (a == null) {
+                return;
+            }
+            LegendItemHelper.c(this.v, 0, 0, 24, 24, b, null, a, null);
+        }
+        af() {
+            this.v.rootWrapper.removeChildren();
+        }
     }
     IconView.$t = markType(IconView, 'IconView');
     return IconView;
@@ -392,34 +403,36 @@ export let XIcon = /*@__PURE__*/ (() => {
             this._view = null;
             this.k = 0;
             this.l = 0;
-            this.co = XIcon.c4;
-            this.cp = XIcon.c8;
-            this.cq = XIcon.c9;
+            this.cv = XIcon.db;
+            this.cw = XIcon.df;
+            this.cx = XIcon.dg;
             this.y = XIcon.ak;
-            this.cr = XIcon.c4;
-            this.cz = XIcon.c8;
+            this.cy = XIcon.db;
+            this.c6 = XIcon.df;
             this.ac = XIcon.ak;
-            this.c0 = XIcon.c9;
-            this.cs = XIcon.c5;
-            this.ct = XIcon.c6;
+            this.c7 = XIcon.dg;
+            this.cz = XIcon.dc;
+            this.c0 = XIcon.dd;
             this.aa = XIcon.aj;
-            this.cu = null;
+            this.c1 = null;
             this.c = null;
             this.d = null;
-            this.cv = null;
-            this.cw = null;
-            this.cx = null;
-            this.cy = null;
-            this.ax = null;
-            this.a1 = null;
-            this.a4 = null;
+            this.c2 = null;
+            this.c3 = null;
+            this.c4 = null;
+            this.c5 = null;
+            this.ay = null;
             this.a3 = null;
+            this.a6 = null;
+            this.a5 = null;
             this.a = null;
+            this.ct = null;
+            this.ax = null;
             this.n = null;
-            this.a2 = "ig-icon-" + XIcon.aw++;
+            this.a4 = "ig-icon-" + XIcon.aw++;
             this.au = 0;
             this.p = false;
-            this.a0 = null;
+            this.a2 = null;
             this.r = false;
             this.q = false;
             this.ab = 1;
@@ -434,7 +447,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let a = new IconView();
             a.d = this;
             this.view = a;
-            this.view.al();
+            this.view.am();
         }
         get view() {
             return this._view;
@@ -445,13 +458,13 @@ export let XIcon = /*@__PURE__*/ (() => {
         destroy() {
             this.provideContainer(null);
         }
-        cg(a, b, c) {
+        cl(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.cj(a, b, c);
+            this.co(a, b, c);
         }
-        cj(a, b, c) {
+        co(a, b, c) {
             switch (a) {
                 case "Fill":
                 case "Stroke":
@@ -460,126 +473,139 @@ export let XIcon = /*@__PURE__*/ (() => {
                 case "HoverStroke":
                 case "HoverStrokeThickness":
                 case "IsHover":
-                    this.cn();
+                    this.cs();
                     break;
                 case "FillColors":
                 case "StrokeColors":
                 case "ActualFill":
                 case "ActualStroke":
                 case "ActualStrokeWidth":
-                    this.cl();
+                    this.cq();
                     break;
                 case "SVG":
-                    this.a4 = null;
+                    this.a6 = null;
                     this.a = null;
-                    this.cl();
+                    this.cq();
                     break;
                 case "SVGPath":
-                    this.a3 = null;
+                    this.a5 = null;
                     this.a = null;
-                    this.cl();
+                    this.cq();
                     break;
                 case "SVGPaths":
-                    this.a3 = null;
-                    this.a4 = null;
-                    this.cl();
+                    this.a5 = null;
+                    this.a6 = null;
+                    this.cq();
                     break;
                 case "DataURL":
-                    this.a3 = null;
-                    this.a4 = null;
+                    this.a5 = null;
+                    this.a6 = null;
                     this.a = null;
-                    this.cl();
+                    this.cq();
                     break;
                 case "Source":
-                    this.a3 = null;
-                    this.a4 = null;
+                    this.a5 = null;
+                    this.a6 = null;
                     this.a = null;
-                    this.cl();
+                    this.cq();
+                    break;
+                case "DataTemplate":
+                case "DataTemplateContext":
+                    this.a5 = null;
+                    this.a6 = null;
+                    this.a = null;
+                    this.cq();
                     break;
                 case "Opacity":
-                    this.cm();
+                    this.cr();
                     break;
                 case "ViewBoxLeft":
                 case "ViewBoxTop":
                 case "ViewBoxWidth":
                 case "ViewBoxHeight":
-                    this.view.ay();
+                    this.view.a0();
                     break;
                 case "Width":
                 case "Height":
-                    this.view.as();
+                    this.view.au();
                     break;
             }
         }
-        cn() {
-            let a = this.fill != null ? this.fill : XIcon.c4;
-            let b = this.dh != null ? this.dh : XIcon.c8;
+        cs() {
+            let a = this.fill != null ? this.fill : XIcon.db;
+            let b = this.dp != null ? this.dp : XIcon.df;
             let c = !isNaN_(this.ao) ? this.ao : XIcon.ak;
-            let d = this.di != null ? this.di : XIcon.c9;
+            let d = this.dq != null ? this.dq : XIcon.dg;
             if (this.v) {
-                this.c1 = this.da != null ? this.da : a;
-                this.c2 = this.db != null ? this.db : b;
+                this.c8 = this.dh != null ? this.dh : a;
+                this.c9 = this.di != null ? this.di : b;
                 this.ai = !isNaN_(this.am) ? this.am : c;
-                this.c3 = this.dc != null ? this.dc : d;
+                this.da = this.dj != null ? this.dj : d;
             }
             else {
-                this.c1 = a;
-                this.c2 = b;
+                this.c8 = a;
+                this.c9 = b;
                 this.ai = c;
-                this.c3 = d;
+                this.da = d;
             }
         }
         get t() {
             return this.svgPath != null && !this.view.m;
         }
-        cm() {
+        cr() {
             NativeUI.y(this.view.z, this.an);
         }
-        cl() {
+        cf() {
+            this.view.af();
+        }
+        cq() {
             let a = this.view.z;
             if (this.t) {
                 let b = this.view.aa;
-                NativeUI.r(b, this.c1);
-                NativeUI.aa(b, this.c2);
+                NativeUI.r(b, this.c8);
+                NativeUI.aa(b, this.c9);
                 NativeUI.ad(b, this.ai);
             }
             else {
                 let c = this.j();
                 if (c != this.k) {
                     this.k = c;
-                    this.view.ag();
+                    this.view.ah();
                 }
                 let d = false;
-                if (this.svgPath != null) {
+                if (this.cu != null) {
+                    this.view.ar(this.cu, this.az);
+                }
+                else if (this.svgPath != null) {
                     if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
-                        this.view.au(this.svgPath);
+                        this.view.aw(this.svgPath);
                         d = true;
                     }
                     else {
-                        this.view.av(this.svgPath);
+                        this.view.ax(this.svgPath);
                     }
                 }
                 else if (this.b != null) {
-                    this.view.aw(this.b);
+                    this.view.ay(this.b);
                     let e = this.view.c;
                     if (e != null && e.length > 0) {
                         let f = NativeUI.r;
                         let g = NativeUI.aa;
-                        this.ci();
-                        f = runOn(this.view, this.view.ao);
-                        g = runOn(this.view, this.view.ap);
+                        this.cn();
+                        f = runOn(this.view, this.view.ap);
+                        g = runOn(this.view, this.view.aq);
                         for (let h = 0; h < e.length; h++) {
-                            if (this.c1 != null) {
-                                f(e[h], this.c1);
+                            if (this.c8 != null) {
+                                f(e[h], this.c8);
                             }
-                            if (this.c2 != null) {
-                                g(e[h], this.c2);
+                            if (this.c9 != null) {
+                                g(e[h], this.c9);
                             }
                             if (!isNaN_(this.ai)) {
                                 NativeUI.ad(e[h], this.ai);
                             }
-                            if (this.c3 != null) {
-                                NativeUI.q(e[h], this.c3);
+                            if (this.da != null) {
+                                NativeUI.q(e[h], this.da);
                             }
                             if (this.e != null && this.e.count == e.length) {
                                 f(e[h], this.e.item(h));
@@ -590,36 +616,38 @@ export let XIcon = /*@__PURE__*/ (() => {
                         }
                     }
                     if (this.o != null) {
-                        this.view.ax(this.o);
+                        this.view.az(this.o);
                     }
                     return;
                 }
                 else if (this.svg != null) {
-                    this.view.au(this.svg);
+                    this.view.aw(this.svg);
                     d = true;
                 }
-                else if (this.bc != null) {
-                    this.view.aq(this.bc);
+                else if (this.bg != null) {
+                    this.view.as(this.bg);
                 }
-                else if (this.az != null) {
-                    this.view.at(this.az);
+                else if (this.a1 != null) {
+                    this.view.av(this.a1);
+                }
+                else {
                 }
                 if (d) {
                     for (let i = 0; i < this.view.r.count; i++) {
                         let j = this.view.r._inner[i].c;
-                        NativeUI.r(this.view.r._inner[i].d, j.l.f(this.dd));
+                        NativeUI.r(this.view.r._inner[i].d, j.l.f(this.dk));
                     }
                     for (let k = 0; k < this.view.s.count; k++) {
                         let l = this.view.s._inner[k].c;
-                        NativeUI.aa(this.view.s._inner[k].d, l.m.f(this.de));
+                        NativeUI.aa(this.view.s._inner[k].d, l.m.f(this.dl));
                     }
                     for (let m = 0; m < this.view.t.count; m++) {
                         let n = this.view.t._inner[m].c;
-                        NativeUI.r(this.view.t._inner[m].d, n.l.f(this.df));
+                        NativeUI.r(this.view.t._inner[m].d, n.l.f(this.dm));
                     }
                     for (let o = 0; o < this.view.u.count; o++) {
                         let p = this.view.u._inner[o].c;
-                        NativeUI.aa(this.view.u._inner[o].d, p.m.f(this.dg));
+                        NativeUI.aa(this.view.u._inner[o].d, p.m.f(this.dn));
                     }
                     for (let q = 0; q < this.view.e.o.count; q++) {
                         let r = this.view.e.o._inner[q];
@@ -645,43 +673,43 @@ export let XIcon = /*@__PURE__*/ (() => {
                     }
                     for (let ac = 0; ac < this.view.q.count; ac++) {
                         let ad = this.view.q._inner[ac].c;
-                        NativeUI.r(this.view.q._inner[ac].d, ad.l.f(this.c1));
-                        NativeUI.aa(this.view.q._inner[ac].d, ad.m.f(this.c2));
+                        NativeUI.r(this.view.q._inner[ac].d, ad.l.f(this.c8));
+                        NativeUI.aa(this.view.q._inner[ac].d, ad.m.f(this.c9));
                     }
                 }
                 let ae = this.view.z;
-                if (this.c1 != null) {
-                    NativeUI.r(ae, this.c1);
+                if (this.c8 != null) {
+                    NativeUI.r(ae, this.c8);
                 }
-                if (this.c2 != null) {
-                    NativeUI.aa(ae, this.c2);
+                if (this.c9 != null) {
+                    NativeUI.aa(ae, this.c9);
                 }
                 if (!isNaN_(this.ai)) {
                     NativeUI.ad(ae, this.ai);
                 }
             }
             if (this.o != null) {
-                this.view.ax(this.o);
+                this.view.az(this.o);
             }
-            if (this.c3 != null) {
-                NativeUI.q(this.view.z, this.c3);
+            if (this.da != null) {
+                NativeUI.q(this.view.z, this.da);
             }
         }
-        ci() {
-            if (this.c1 != null) {
-                this.view.an(this.c1, "fill");
+        cn() {
+            if (this.c8 != null) {
+                this.view.ao(this.c8, "fill");
             }
-            if (this.c2 != null) {
-                this.view.an(this.c2, "stroke");
+            if (this.c9 != null) {
+                this.view.ao(this.c9, "stroke");
             }
             if (this.e != null) {
                 for (let a of fromEnum(this.e)) {
-                    this.view.an(a, "fills");
+                    this.view.ao(a, "fills");
                 }
             }
             if (this.f != null) {
                 for (let b of fromEnum(this.f)) {
-                    this.view.an(b, "strokes");
+                    this.view.ao(b, "strokes");
                 }
             }
         }
@@ -696,10 +724,10 @@ export let XIcon = /*@__PURE__*/ (() => {
             else if (this.svg != null) {
                 a = 0;
             }
-            else if (this.bc != null) {
+            else if (this.bg != null) {
                 a = 3;
             }
-            else if (this.az != null) {
+            else if (this.a1 != null) {
                 a = 4;
             }
             return a;
@@ -711,37 +739,37 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.l;
             this.l = a;
             if (b != this.l) {
-                this.cg("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+                this.cl("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         }
-        get c1() {
-            return this.co;
+        get c8() {
+            return this.cv;
         }
-        set c1(a) {
-            let b = this.co;
-            this.co = a;
-            if (b != this.co) {
-                this.cg("ActualFill", b, a);
+        set c8(a) {
+            let b = this.cv;
+            this.cv = a;
+            if (b != this.cv) {
+                this.cl("ActualFill", b, a);
             }
         }
-        get c2() {
-            return this.cp;
+        get c9() {
+            return this.cw;
         }
-        set c2(a) {
-            let b = this.cp;
-            this.cp = a;
-            if (b != this.cp) {
-                this.cg("ActualStroke", b, a);
+        set c9(a) {
+            let b = this.cw;
+            this.cw = a;
+            if (b != this.cw) {
+                this.cl("ActualStroke", b, a);
             }
         }
-        get c3() {
-            return this.cq;
+        get da() {
+            return this.cx;
         }
-        set c3(a) {
-            let b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
-                this.cg("ActualTextColor", b, a);
+        set da(a) {
+            let b = this.cx;
+            this.cx = a;
+            if (b != this.cx) {
+                this.cl("ActualTextColor", b, a);
             }
         }
         get ai() {
@@ -751,27 +779,27 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.y;
             this.y = a;
             if (b != this.y) {
-                this.cg("ActualStrokeWidth", b, a);
+                this.cl("ActualStrokeWidth", b, a);
             }
         }
         get fill() {
-            return this.cr;
+            return this.cy;
         }
         set fill(a) {
-            let b = this.cr;
-            this.cr = a;
-            if (b != this.cr) {
-                this.cg("Fill", b, a);
+            let b = this.cy;
+            this.cy = a;
+            if (b != this.cy) {
+                this.cl("Fill", b, a);
             }
         }
-        get dh() {
-            return this.cz;
+        get dp() {
+            return this.c6;
         }
-        set dh(a) {
-            let b = this.cz;
-            this.cz = a;
-            if (b != this.cz) {
-                this.cg("Stroke", b, a);
+        set dp(a) {
+            let b = this.c6;
+            this.c6 = a;
+            if (b != this.c6) {
+                this.cl("Stroke", b, a);
             }
         }
         get ao() {
@@ -781,37 +809,37 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.cg("StrokeWidth", b, a);
+                this.cl("StrokeWidth", b, a);
             }
         }
-        get di() {
-            return this.c0;
+        get dq() {
+            return this.c7;
         }
-        set di(a) {
-            let b = this.c0;
-            this.c0 = a;
-            if (b != this.c0) {
-                this.cg("TextColor", b, a);
+        set dq(a) {
+            let b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.cl("TextColor", b, a);
             }
         }
-        get da() {
-            return this.cs;
+        get dh() {
+            return this.cz;
         }
-        set da(a) {
-            let b = this.cs;
-            this.cs = a;
-            if (b != this.cs) {
-                this.cg("HoverFill", b, a);
+        set dh(a) {
+            let b = this.cz;
+            this.cz = a;
+            if (b != this.cz) {
+                this.cl("HoverFill", b, a);
             }
         }
-        get db() {
-            return this.ct;
+        get di() {
+            return this.c0;
         }
-        set db(a) {
-            let b = this.ct;
-            this.ct = a;
-            if (b != this.ct) {
-                this.cg("HoverStroke", b, a);
+        set di(a) {
+            let b = this.c0;
+            this.c0 = a;
+            if (b != this.c0) {
+                this.cl("HoverStroke", b, a);
             }
         }
         get am() {
@@ -821,17 +849,17 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.cg("HoverStrokeThickness", b, a);
+                this.cl("HoverStrokeThickness", b, a);
             }
         }
-        get dc() {
-            return this.cu;
+        get dj() {
+            return this.c1;
         }
-        set dc(a) {
-            let b = this.cu;
-            this.cu = a;
-            if (b != this.cu) {
-                this.cg("HoverTextColor", b, a);
+        set dj(a) {
+            let b = this.c1;
+            this.c1 = a;
+            if (b != this.c1) {
+                this.cl("HoverTextColor", b, a);
             }
         }
         get e() {
@@ -841,7 +869,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.cg("FillColors", b, this.c);
+                this.cl("FillColors", b, this.c);
             }
         }
         get f() {
@@ -851,87 +879,87 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.cg("StrokeColors", b, this.d);
+                this.cl("StrokeColors", b, this.d);
             }
         }
-        get dd() {
-            return this.cv;
+        get dk() {
+            return this.c2;
         }
-        set dd(a) {
-            let b = this.cv;
-            this.cv = a;
-            if (b != this.cv) {
-                this.cg("PrimaryFillColor", b, this.cv);
+        set dk(a) {
+            let b = this.c2;
+            this.c2 = a;
+            if (b != this.c2) {
+                this.cl("PrimaryFillColor", b, this.c2);
             }
         }
-        get de() {
-            return this.cw;
+        get dl() {
+            return this.c3;
         }
-        set de(a) {
-            let b = this.cw;
-            this.cw = a;
-            if (b != this.cw) {
-                this.cg("PrimaryStrokeColor", b, this.cw);
+        set dl(a) {
+            let b = this.c3;
+            this.c3 = a;
+            if (b != this.c3) {
+                this.cl("PrimaryStrokeColor", b, this.c3);
             }
         }
-        get df() {
-            return this.cx;
+        get dm() {
+            return this.c4;
         }
-        set df(a) {
-            let b = this.cx;
-            this.cx = a;
-            if (b != this.cx) {
-                this.cg("SecondaryFillColor", b, this.cx);
+        set dm(a) {
+            let b = this.c4;
+            this.c4 = a;
+            if (b != this.c4) {
+                this.cl("SecondaryFillColor", b, this.c4);
             }
         }
-        get dg() {
-            return this.cy;
+        get dn() {
+            return this.c5;
         }
-        set dg(a) {
-            let b = this.cy;
-            this.cy = a;
-            if (b != this.cy) {
-                this.cg("SecondaryStrokeColor", b, this.cy);
+        set dn(a) {
+            let b = this.c5;
+            this.c5 = a;
+            if (b != this.c5) {
+                this.cl("SecondaryStrokeColor", b, this.c5);
             }
         }
-        get az() {
-            return this.ax;
+        get a1() {
+            return this.ay;
         }
-        set az(a) {
-            let b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.cg("Source", b, a);
+        set a1(a) {
+            let b = this.ay;
+            this.ay = a;
+            if (b != this.ay) {
+                this.cl("Source", b, a);
             }
         }
-        get bc() {
-            return this.a1;
+        get bg() {
+            return this.a3;
         }
-        set bc(a) {
-            let b = this.a1;
-            this.a1 = a;
-            if (b != this.a1) {
-                this.cg("DataURL", b, a);
+        set bg(a) {
+            let b = this.a3;
+            this.a3 = a;
+            if (b != this.a3) {
+                this.cl("DataURL", b, a);
             }
         }
         get svgPath() {
-            return this.a4;
+            return this.a6;
         }
         set svgPath(a) {
-            let b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
-                this.cg("SVGPath", b, a);
+            let b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.cl("SVGPath", b, a);
             }
         }
         get svg() {
-            return this.a3;
+            return this.a5;
         }
         set svg(a) {
-            let b = this.a3;
-            this.a3 = a;
-            if (b != this.a3) {
-                this.cg("SVG", b, this.a3);
+            let b = this.a5;
+            this.a5 = a;
+            if (b != this.a5) {
+                this.cl("SVG", b, this.a5);
             }
         }
         get b() {
@@ -941,13 +969,33 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cg("SVGPaths", b, this.a);
+                this.cl("SVGPaths", b, this.a);
+            }
+        }
+        get cu() {
+            return this.ct;
+        }
+        set cu(a) {
+            let b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
+                this.cl("DataTemplate", b, this.ct);
+            }
+        }
+        get az() {
+            return this.ax;
+        }
+        set az(a) {
+            let b = this.ax;
+            this.ax = a;
+            if (b != this.ax) {
+                this.cl("DataTemplateContext", b, this.ax);
             }
         }
-        ce() {
+        cj() {
             this.v = true;
         }
-        cf() {
+        ck() {
             this.v = false;
         }
         get o() {
@@ -957,17 +1005,17 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.n;
             this.n = a;
             if (b != this.n) {
-                this.cg("TextStyle", b, a);
+                this.cl("TextStyle", b, a);
             }
         }
-        get bm() {
-            return this.a2;
+        get bq() {
+            return this.a4;
         }
-        set bm(a) {
-            let b = this.a2;
-            this.a2 = a;
-            if (b != this.a2) {
-                this.cg("Id", b, a);
+        set bq(a) {
+            let b = this.a4;
+            this.a4 = a;
+            if (b != this.a4) {
+                this.cl("Id", b, a);
             }
         }
         get s() {
@@ -981,17 +1029,17 @@ export let XIcon = /*@__PURE__*/ (() => {
             this.au = a;
             this.p = true;
             if (b != this.au) {
-                this.cg("TabIndex", b, a);
+                this.cl("TabIndex", b, a);
             }
         }
-        get a9() {
-            return this.a0;
+        get bb() {
+            return this.a2;
         }
-        set a9(a) {
-            let b = this.a0;
-            this.a0 = a;
-            if (b != this.a0) {
-                this.cg("AriaLabel", b, a);
+        set bb(a) {
+            let b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.cl("AriaLabel", b, a);
             }
         }
         get v() {
@@ -1001,7 +1049,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.r;
             this.r = a;
             if (b != this.r) {
-                this.cg("IsHover", b, a);
+                this.cl("IsHover", b, a);
             }
         }
         get disabled() {
@@ -1011,7 +1059,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.q;
             this.q = a;
             if (b != this.q) {
-                this.cg("IsDisabled", b, a);
+                this.cl("IsDisabled", b, a);
             }
         }
         get an() {
@@ -1021,7 +1069,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ab;
             this.ab = a;
             if (b != this.ab) {
-                this.cg("Opacity", b, this.ab);
+                this.cl("Opacity", b, this.ab);
             }
         }
         get aq() {
@@ -1031,7 +1079,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ae;
             this.ae = a;
             if (b != this.ae) {
-                this.cg("ViewBoxLeft", b, this.ae);
+                this.cl("ViewBoxLeft", b, this.ae);
             }
         }
         get ar() {
@@ -1041,7 +1089,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.af;
             this.af = a;
             if (b != this.af) {
-                this.cg("ViewBoxTop", b, this.af);
+                this.cl("ViewBoxTop", b, this.af);
             }
         }
         get as() {
@@ -1051,7 +1099,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cg("ViewBoxWidth", b, this.ag);
+                this.cl("ViewBoxWidth", b, this.ag);
             }
         }
         get ap() {
@@ -1061,7 +1109,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ad;
             this.ad = a;
             if (b != this.ad) {
-                this.cg("ViewBoxHeight", b, this.ad);
+                this.cl("ViewBoxHeight", b, this.ad);
             }
         }
         get at() {
@@ -1071,7 +1119,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ah;
             this.ah = a;
             if (b != this.ah) {
-                this.cg("Width", b, this.ah);
+                this.cl("Width", b, this.ah);
             }
         }
         get al() {
@@ -1081,16 +1129,16 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cg("Height", b, this.z);
+                this.cl("Height", b, this.z);
             }
         }
-        ch() {
+        cm() {
         }
         onDetachedFromUI() {
-            this.view.ak();
+            this.view.al();
         }
         onAttachedToUI() {
-            this.view.ah();
+            this.view.ai();
         }
         x() {
             if (this.disabled) {
@@ -1106,10 +1154,10 @@ export let XIcon = /*@__PURE__*/ (() => {
         w() {
             return this.view.l();
         }
-        ay() {
+        a0() {
             return this.g();
         }
-        be() {
+        bi() {
             let a = this.g();
             return a.l();
         }
@@ -1123,7 +1171,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             a.a = this.view.a();
             a.svg = this.svg;
             a.svgPath = this.svgPath;
-            a.k = this.bc;
+            a.k = this.bg;
             if (this.o != null) {
                 let c = this.o;
                 if (this.view != null && c.q == null) {
@@ -1155,16 +1203,16 @@ export let XIcon = /*@__PURE__*/ (() => {
             return a;
         }
         provideContainer(a) {
-            this.view.aj(a);
+            this.view.ak(a);
         }
     }
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
-    XIcon.c4 = null;
-    XIcon.c9 = null;
-    XIcon.c8 = null;
-    XIcon.c5 = null;
-    XIcon.c6 = null;
-    XIcon.c7 = null;
+    XIcon.db = null;
+    XIcon.dg = null;
+    XIcon.df = null;
+    XIcon.dc = null;
+    XIcon.dd = null;
+    XIcon.de = null;
     XIcon.ak = NaN;
     XIcon.aj = NaN;
     XIcon.aw = 0;