igniteui-angular-inputs 18.1.1 → 18.2.0-beta.1

package/esm2015/lib/IconView_combined.js

@@ -114,14 +114,14 @@ export let IconView = /*@__PURE__*/ (() => {
             d.setStyleProperty("width", "100%");
             d.setStyleProperty("object-fit", "contain");
             this.x = d;
-            this.aw();
+            this.ax();
             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();
+            this.d.cf();
         }
-        at(a) {
+        au(a) {
             this.n.clear();
             this.v.rootWrapper.removeChildren();
             this.v.rootWrapper.append(this.y);
@@ -136,7 +136,7 @@ export let IconView = /*@__PURE__*/ (() => {
                 this.p.add(b);
             }
         }
-        au(a) {
+        av(a) {
             this.n.clear();
             this.v.rootWrapper.removeChildren();
             this.v.rootWrapper.append(this.y);
@@ -153,7 +153,7 @@ export let IconView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        as(a) {
+        at(a) {
             this.v.rootWrapper.removeChildren();
             if (a != null) {
                 let b = this.v.rootWrapper.getNativeElement();
@@ -168,18 +168,23 @@ export let IconView = /*@__PURE__*/ (() => {
                 this.x.setAttribute("src", a);
             }
         }
+        as(a) {
+            if (typeof a === 'string') {
+                this.ap(typeCast(String_$type, a));
+            }
+        }
         k() {
             return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
         }
         ar() {
-            this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.aq) ? "1.5rem" : this.d.aq + "px");
-            this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.ai) ? "1.5rem" : this.d.ai + "px");
-        }
-        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.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.ar) ? "1.5rem" : this.d.ar + "px");
+            this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.aj) ? "1.5rem" : this.d.aj + "px");
+        }
+        ax() {
+            let a = isNaN_(this.d.ao) ? 0 : this.d.ao;
+            let b = isNaN_(this.d.ap) ? 0 : this.d.ap;
+            let c = isNaN_(this.d.aq) ? 24 : this.d.aq;
+            let d = isNaN_(this.d.an) ? 24 : this.d.an;
             this.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
         }
         am(a, b) {
@@ -237,10 +242,10 @@ export let IconView = /*@__PURE__*/ (() => {
             }
         }
         ad(a) {
-            this.d.b9();
+            this.d.cc();
         }
         ae(a) {
-            this.d.ca();
+            this.d.cd();
         }
         ag() {
             this.j = true;
@@ -254,7 +259,7 @@ export let IconView = /*@__PURE__*/ (() => {
             }
             this.o.clear();
         }
-        av(a) {
+        aw(a) {
             if (a != null) {
                 this.v.rootWrapper.setStyleProperty("font", a.fontString);
             }
@@ -269,7 +274,10 @@ export let IconView = /*@__PURE__*/ (() => {
             return c;
         }
         ah(a) {
-            this.d.b7();
+            if (this.d.v()) {
+                a.stopPropagation();
+                a.preventDefault();
+            }
         }
         a() {
             let a = new List$1(PrimitiveVisualData.$, 0);
@@ -378,42 +386,43 @@ export let XIcon = /*@__PURE__*/ (() => {
             super();
             this._view = null;
             this.j = 0;
-            this.cj = XIcon.cz;
-            this.ck = XIcon.c3;
-            this.cl = XIcon.c4;
-            this.v = XIcon.ah;
-            this.cm = XIcon.cz;
-            this.cu = XIcon.c3;
-            this.z = XIcon.ah;
-            this.cv = XIcon.c4;
-            this.cn = XIcon.c0;
-            this.co = XIcon.c1;
-            this.x = XIcon.ag;
-            this.cp = null;
+            this.cm = XIcon.c2;
+            this.cn = XIcon.c6;
+            this.co = XIcon.c7;
+            this.w = XIcon.ai;
+            this.cp = XIcon.c2;
+            this.cx = XIcon.c6;
+            this.aa = XIcon.ai;
+            this.cy = XIcon.c7;
+            this.cq = XIcon.c3;
+            this.cr = XIcon.c4;
+            this.y = XIcon.ah;
+            this.cs = null;
             this.c = null;
             this.d = null;
-            this.cq = null;
-            this.cr = null;
-            this.cs = null;
             this.ct = null;
-            this.aw = null;
+            this.cu = null;
+            this.cv = null;
+            this.cw = null;
+            this.av = null;
             this.az = null;
-            this.ay = null;
+            this.a2 = null;
+            this.a1 = null;
             this.a = null;
             this.l = null;
-            this.ax = "ig-icon-" + XIcon.at++;
-            this.ar = 0;
+            this.a0 = "ig-icon-" + XIcon.au++;
+            this.as = 0;
             this.n = false;
-            this.av = null;
+            this.ay = null;
             this.p = false;
             this.o = false;
-            this.y = 1;
-            this.ab = NaN;
+            this.z = 1;
             this.ac = NaN;
             this.ad = NaN;
-            this.aa = NaN;
             this.ae = NaN;
-            this.w = NaN;
+            this.ab = NaN;
+            this.af = NaN;
+            this.x = NaN;
             this.clicked = null;
             this.propertyChanged = null;
             let a = new IconView();
@@ -430,13 +439,13 @@ export let XIcon = /*@__PURE__*/ (() => {
         destroy() {
             this.provideContainer(null);
         }
-        cb(a, b, c) {
+        ce(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.ce(a, b, c);
+            this.ch(a, b, c);
         }
-        ce(a, b, c) {
+        ch(a, b, c) {
             switch (a) {
                 case "Fill":
                 case "Stroke":
@@ -445,44 +454,50 @@ export let XIcon = /*@__PURE__*/ (() => {
                 case "HoverStroke":
                 case "HoverStrokeThickness":
                 case "IsHover":
-                    this.ci();
+                    this.cl();
                     break;
                 case "FillColors":
                 case "StrokeColors":
                 case "ActualFill":
                 case "ActualStroke":
                 case "ActualStrokeWidth":
-                    this.cg();
+                    this.cj();
                     break;
                 case "SVG":
-                    this.az = null;
+                    this.a2 = null;
                     this.a = null;
-                    this.cg();
+                    this.cj();
                     break;
                 case "SVGPath":
-                    this.ay = null;
+                    this.a1 = null;
                     this.a = null;
-                    this.cg();
+                    this.cj();
                     break;
                 case "SVGPaths":
-                    this.ay = null;
-                    this.az = null;
-                    this.cg();
+                    this.a1 = null;
+                    this.a2 = null;
+                    this.cj();
                     break;
                 case "DataURL":
-                    this.ay = null;
-                    this.az = null;
+                    this.a1 = null;
+                    this.a2 = null;
+                    this.a = null;
+                    this.cj();
+                    break;
+                case "Source":
+                    this.a1 = null;
+                    this.a2 = null;
                     this.a = null;
-                    this.cg();
+                    this.cj();
                     break;
                 case "Opacity":
-                    this.ch();
+                    this.ck();
                     break;
                 case "ViewBoxLeft":
                 case "ViewBoxTop":
                 case "ViewBoxWidth":
                 case "ViewBoxHeight":
-                    this.view.aw();
+                    this.view.ax();
                     break;
                 case "Width":
                 case "Height":
@@ -490,70 +505,70 @@ export let XIcon = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        ci() {
-            let a = this.fill != null ? this.fill : XIcon.cz;
-            let b = this.dc != null ? this.dc : XIcon.c3;
-            let c = !isNaN_(this.al) ? this.al : XIcon.ah;
-            let d = this.dd != null ? this.dd : XIcon.c4;
+        cl() {
+            let a = this.fill != null ? this.fill : XIcon.c2;
+            let b = this.df != null ? this.df : XIcon.c6;
+            let c = !isNaN_(this.am) ? this.am : XIcon.ai;
+            let d = this.dg != null ? this.dg : XIcon.c7;
             if (this.t) {
-                this.cw = this.c5 != null ? this.c5 : a;
-                this.cx = this.c6 != null ? this.c6 : b;
-                this.af = !isNaN_(this.aj) ? this.aj : c;
-                this.cy = this.c7 != null ? this.c7 : d;
+                this.cz = this.c8 != null ? this.c8 : a;
+                this.c0 = this.c9 != null ? this.c9 : b;
+                this.ag = !isNaN_(this.ak) ? this.ak : c;
+                this.c1 = this.da != null ? this.da : d;
             }
             else {
-                this.cw = a;
-                this.cx = b;
-                this.af = c;
-                this.cy = d;
+                this.cz = a;
+                this.c0 = b;
+                this.ag = c;
+                this.c1 = d;
             }
         }
         get r() {
             return this.svgPath != null && !this.view.m;
         }
-        ch() {
-            NativeUI.y(this.view.z, this.ak);
+        ck() {
+            NativeUI.y(this.view.z, this.al);
         }
-        cg() {
+        cj() {
             let a = this.view.z;
             if (this.r) {
                 let b = this.view.aa;
-                NativeUI.r(b, this.cw);
-                NativeUI.aa(b, this.cx);
-                NativeUI.ad(b, this.af);
+                NativeUI.r(b, this.cz);
+                NativeUI.aa(b, this.c0);
+                NativeUI.ad(b, this.ag);
             }
             else {
                 let c = false;
                 if (this.svgPath != null) {
                     if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
-                        this.view.as(this.svgPath);
+                        this.view.at(this.svgPath);
                         c = true;
                     }
                     else {
-                        this.view.at(this.svgPath);
+                        this.view.au(this.svgPath);
                     }
                 }
                 else if (this.b != null) {
-                    this.view.au(this.b);
+                    this.view.av(this.b);
                     let d = this.view.c;
                     if (d != null && d.length > 0) {
                         let e = NativeUI.r;
                         let f = NativeUI.aa;
-                        this.cd();
+                        this.cg();
                         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);
+                            if (this.cz != null) {
+                                e(d[g], this.cz);
                             }
-                            if (this.cx != null) {
-                                f(d[g], this.cx);
+                            if (this.c0 != null) {
+                                f(d[g], this.c0);
                             }
-                            if (!isNaN_(this.af)) {
-                                NativeUI.ad(d[g], this.af);
+                            if (!isNaN_(this.ag)) {
+                                NativeUI.ad(d[g], this.ag);
                             }
-                            if (this.cy != null) {
-                                NativeUI.q(d[g], this.cy);
+                            if (this.c1 != null) {
+                                NativeUI.q(d[g], this.c1);
                             }
                             if (this.e != null && this.e.count == d.length) {
                                 e(d[g], this.e.item(g));
@@ -564,33 +579,36 @@ export let XIcon = /*@__PURE__*/ (() => {
                         }
                     }
                     if (this.m != null) {
-                        this.view.av(this.m);
+                        this.view.aw(this.m);
                     }
                     return;
                 }
                 else if (this.svg != null) {
-                    this.view.as(this.svg);
+                    this.view.at(this.svg);
                     c = true;
                 }
-                else if (this.a7 != null) {
-                    this.view.ap(this.a7);
+                else if (this.ba != null) {
+                    this.view.ap(this.ba);
+                }
+                else if (this.ax != null) {
+                    this.view.as(this.ax);
                 }
                 if (c) {
                     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));
+                        NativeUI.r(this.view.r._inner[h].d, i.l.f(this.db));
                     }
                     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));
+                        NativeUI.aa(this.view.s._inner[j].d, k.m.f(this.dc));
                     }
                     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));
+                        NativeUI.r(this.view.t._inner[l].d, m.l.f(this.dd));
                     }
                     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));
+                        NativeUI.aa(this.view.u._inner[n].d, o.m.f(this.de));
                     }
                     for (let p = 0; p < this.view.e.o.count; p++) {
                         let q = this.view.e.o._inner[p];
@@ -616,34 +634,34 @@ export let XIcon = /*@__PURE__*/ (() => {
                     }
                     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));
+                        NativeUI.r(this.view.q._inner[ab].d, ac.l.f(this.cz));
+                        NativeUI.aa(this.view.q._inner[ab].d, ac.m.f(this.c0));
                     }
                 }
                 let ad = this.view.z;
-                if (this.cw != null) {
-                    NativeUI.r(ad, this.cw);
+                if (this.cz != null) {
+                    NativeUI.r(ad, this.cz);
                 }
-                if (this.cx != null) {
-                    NativeUI.aa(ad, this.cx);
+                if (this.c0 != null) {
+                    NativeUI.aa(ad, this.c0);
                 }
-                if (!isNaN_(this.af)) {
-                    NativeUI.ad(ad, this.af);
+                if (!isNaN_(this.ag)) {
+                    NativeUI.ad(ad, this.ag);
                 }
             }
             if (this.m != null) {
-                this.view.av(this.m);
+                this.view.aw(this.m);
             }
-            if (this.cy != null) {
-                NativeUI.q(this.view.z, this.cy);
+            if (this.c1 != null) {
+                NativeUI.q(this.view.z, this.c1);
             }
         }
-        cd() {
-            if (this.cw != null) {
-                this.view.am(this.cw, "fill");
+        cg() {
+            if (this.cz != null) {
+                this.view.am(this.cz, "fill");
             }
-            if (this.cx != null) {
-                this.view.am(this.cx, "stroke");
+            if (this.c0 != null) {
+                this.view.am(this.c0, "stroke");
             }
             if (this.e != null) {
                 for (let a of fromEnum(this.e)) {
@@ -663,147 +681,87 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.cb("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
-            }
-        }
-        get cw() {
-            return this.cj;
-        }
-        set cw(a) {
-            let b = this.cj;
-            this.cj = a;
-            if (b != this.cj) {
-                this.cb("ActualFill", b, a);
-            }
-        }
-        get cx() {
-            return this.ck;
-        }
-        set cx(a) {
-            let b = this.ck;
-            this.ck = a;
-            if (b != this.ck) {
-                this.cb("ActualStroke", b, a);
-            }
-        }
-        get cy() {
-            return this.cl;
-        }
-        set cy(a) {
-            let b = this.cl;
-            this.cl = a;
-            if (b != this.cl) {
-                this.cb("ActualTextColor", b, a);
-            }
-        }
-        get af() {
-            return this.v;
-        }
-        set af(a) {
-            let b = this.v;
-            this.v = a;
-            if (b != this.v) {
-                this.cb("ActualStrokeWidth", b, a);
+                this.ce("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         }
-        get fill() {
+        get cz() {
             return this.cm;
         }
-        set fill(a) {
+        set cz(a) {
             let b = this.cm;
             this.cm = a;
             if (b != this.cm) {
-                this.cb("Fill", b, a);
-            }
-        }
-        get dc() {
-            return this.cu;
-        }
-        set dc(a) {
-            let b = this.cu;
-            this.cu = a;
-            if (b != this.cu) {
-                this.cb("Stroke", b, a);
-            }
-        }
-        get al() {
-            return this.z;
-        }
-        set al(a) {
-            let b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.cb("StrokeWidth", b, a);
-            }
-        }
-        get dd() {
-            return this.cv;
-        }
-        set dd(a) {
-            let b = this.cv;
-            this.cv = a;
-            if (b != this.cv) {
-                this.cb("TextColor", b, a);
+                this.ce("ActualFill", b, a);
             }
         }
-        get c5() {
+        get c0() {
             return this.cn;
         }
-        set c5(a) {
+        set c0(a) {
             let b = this.cn;
             this.cn = a;
             if (b != this.cn) {
-                this.cb("HoverFill", b, a);
+                this.ce("ActualStroke", b, a);
             }
         }
-        get c6() {
+        get c1() {
             return this.co;
         }
-        set c6(a) {
+        set c1(a) {
             let b = this.co;
             this.co = a;
             if (b != this.co) {
-                this.cb("HoverStroke", b, a);
+                this.ce("ActualTextColor", b, a);
             }
         }
-        get aj() {
-            return this.x;
+        get ag() {
+            return this.w;
         }
-        set aj(a) {
-            let b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.cb("HoverStrokeThickness", b, a);
+        set ag(a) {
+            let b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.ce("ActualStrokeWidth", b, a);
             }
         }
-        get c7() {
+        get fill() {
             return this.cp;
         }
-        set c7(a) {
+        set fill(a) {
             let b = this.cp;
             this.cp = a;
             if (b != this.cp) {
-                this.cb("HoverTextColor", b, a);
+                this.ce("Fill", b, a);
             }
         }
-        get e() {
-            return this.c;
+        get df() {
+            return this.cx;
         }
-        set e(a) {
-            let b = this.c;
-            this.c = a;
-            if (b != this.c) {
-                this.cb("FillColors", b, this.c);
+        set df(a) {
+            let b = this.cx;
+            this.cx = a;
+            if (b != this.cx) {
+                this.ce("Stroke", b, a);
             }
         }
-        get f() {
-            return this.d;
+        get am() {
+            return this.aa;
         }
-        set f(a) {
-            let b = this.d;
-            this.d = a;
-            if (b != this.d) {
-                this.cb("StrokeColors", b, this.d);
+        set am(a) {
+            let b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.ce("StrokeWidth", b, a);
+            }
+        }
+        get dg() {
+            return this.cy;
+        }
+        set dg(a) {
+            let b = this.cy;
+            this.cy = a;
+            if (b != this.cy) {
+                this.ce("TextColor", b, a);
             }
         }
         get c8() {
@@ -813,7 +771,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.cq;
             this.cq = a;
             if (b != this.cq) {
-                this.cb("PrimaryFillColor", b, this.cq);
+                this.ce("HoverFill", b, a);
             }
         }
         get c9() {
@@ -823,7 +781,17 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.cr;
             this.cr = a;
             if (b != this.cr) {
-                this.cb("PrimaryStrokeColor", b, this.cr);
+                this.ce("HoverStroke", b, a);
+            }
+        }
+        get ak() {
+            return this.y;
+        }
+        set ak(a) {
+            let b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.ce("HoverStrokeThickness", b, a);
             }
         }
         get da() {
@@ -833,7 +801,27 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.cs;
             this.cs = a;
             if (b != this.cs) {
-                this.cb("SecondaryFillColor", b, this.cs);
+                this.ce("HoverTextColor", b, a);
+            }
+        }
+        get e() {
+            return this.c;
+        }
+        set e(a) {
+            let b = this.c;
+            this.c = a;
+            if (b != this.c) {
+                this.ce("FillColors", b, this.c);
+            }
+        }
+        get f() {
+            return this.d;
+        }
+        set f(a) {
+            let b = this.d;
+            this.d = a;
+            if (b != this.d) {
+                this.ce("StrokeColors", b, this.d);
             }
         }
         get db() {
@@ -843,37 +831,77 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ct;
             this.ct = a;
             if (b != this.ct) {
-                this.cb("SecondaryStrokeColor", b, this.ct);
+                this.ce("PrimaryFillColor", b, this.ct);
             }
         }
-        get a7() {
-            return this.aw;
+        get dc() {
+            return this.cu;
         }
-        set a7(a) {
-            let b = this.aw;
-            this.aw = a;
-            if (b != this.aw) {
-                this.cb("DataURL", b, a);
+        set dc(a) {
+            let b = this.cu;
+            this.cu = a;
+            if (b != this.cu) {
+                this.ce("PrimaryStrokeColor", b, this.cu);
             }
         }
-        get svgPath() {
+        get dd() {
+            return this.cv;
+        }
+        set dd(a) {
+            let b = this.cv;
+            this.cv = a;
+            if (b != this.cv) {
+                this.ce("SecondaryFillColor", b, this.cv);
+            }
+        }
+        get de() {
+            return this.cw;
+        }
+        set de(a) {
+            let b = this.cw;
+            this.cw = a;
+            if (b != this.cw) {
+                this.ce("SecondaryStrokeColor", b, this.cw);
+            }
+        }
+        get ax() {
+            return this.av;
+        }
+        set ax(a) {
+            let b = this.av;
+            this.av = a;
+            if (b != this.av) {
+                this.ce("Source", b, a);
+            }
+        }
+        get ba() {
             return this.az;
         }
-        set svgPath(a) {
+        set ba(a) {
             let b = this.az;
             this.az = a;
             if (b != this.az) {
-                this.cb("SVGPath", b, a);
+                this.ce("DataURL", b, a);
+            }
+        }
+        get svgPath() {
+            return this.a2;
+        }
+        set svgPath(a) {
+            let b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.ce("SVGPath", b, a);
             }
         }
         get svg() {
-            return this.ay;
+            return this.a1;
         }
         set svg(a) {
-            let b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.cb("SVG", b, this.ay);
+            let b = this.a1;
+            this.a1 = a;
+            if (b != this.a1) {
+                this.ce("SVG", b, this.a1);
             }
         }
         get b() {
@@ -883,13 +911,13 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cb("SVGPaths", b, this.a);
+                this.ce("SVGPaths", b, this.a);
             }
         }
-        b9() {
+        cc() {
             this.t = true;
         }
-        ca() {
+        cd() {
             this.t = false;
         }
         get m() {
@@ -899,41 +927,41 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.l;
             this.l = a;
             if (b != this.l) {
-                this.cb("TextStyle", b, a);
+                this.ce("TextStyle", b, a);
             }
         }
-        get bh() {
-            return this.ax;
+        get bk() {
+            return this.a0;
         }
-        set bh(a) {
-            let b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.cb("Id", b, a);
+        set bk(a) {
+            let b = this.a0;
+            this.a0 = a;
+            if (b != this.a0) {
+                this.ce("Id", b, a);
             }
         }
         get q() {
             return this.n;
         }
-        get as() {
-            return this.ar;
+        get at() {
+            return this.as;
         }
-        set as(a) {
-            let b = this.ar;
-            this.ar = a;
+        set at(a) {
+            let b = this.as;
+            this.as = a;
             this.n = true;
-            if (b != this.ar) {
-                this.cb("TabIndex", b, a);
+            if (b != this.as) {
+                this.ce("TabIndex", b, a);
             }
         }
-        get a4() {
-            return this.av;
+        get a7() {
+            return this.ay;
         }
-        set a4(a) {
-            let b = this.av;
-            this.av = a;
-            if (b != this.av) {
-                this.cb("AriaLabel", b, a);
+        set a7(a) {
+            let b = this.ay;
+            this.ay = a;
+            if (b != this.ay) {
+                this.ce("AriaLabel", b, a);
             }
         }
         get t() {
@@ -943,7 +971,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.p;
             this.p = a;
             if (b != this.p) {
-                this.cb("IsHover", b, a);
+                this.ce("IsHover", b, a);
             }
         }
         get disabled() {
@@ -953,27 +981,17 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.o;
             this.o = a;
             if (b != this.o) {
-                this.cb("IsDisabled", b, a);
+                this.ce("IsDisabled", b, a);
             }
         }
-        get ak() {
-            return this.y;
-        }
-        set ak(a) {
-            let b = this.y;
-            this.y = a;
-            if (b != this.y) {
-                this.cb("Opacity", b, this.y);
-            }
-        }
-        get an() {
-            return this.ab;
+        get al() {
+            return this.z;
         }
-        set an(a) {
-            let b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.cb("ViewBoxLeft", b, this.ab);
+        set al(a) {
+            let b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.ce("Opacity", b, this.z);
             }
         }
         get ao() {
@@ -983,7 +1001,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.cb("ViewBoxTop", b, this.ac);
+                this.ce("ViewBoxLeft", b, this.ac);
             }
         }
         get ap() {
@@ -993,17 +1011,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ad;
             this.ad = a;
             if (b != this.ad) {
-                this.cb("ViewBoxWidth", b, this.ad);
-            }
-        }
-        get am() {
-            return this.aa;
-        }
-        set am(a) {
-            let b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.cb("ViewBoxHeight", b, this.aa);
+                this.ce("ViewBoxTop", b, this.ad);
             }
         }
         get aq() {
@@ -1013,20 +1021,40 @@ export let XIcon = /*@__PURE__*/ (() => {
             let b = this.ae;
             this.ae = a;
             if (b != this.ae) {
-                this.cb("Width", b, this.ae);
+                this.ce("ViewBoxWidth", b, this.ae);
             }
         }
-        get ai() {
-            return this.w;
+        get an() {
+            return this.ab;
         }
-        set ai(a) {
-            let b = this.w;
-            this.w = a;
-            if (b != this.w) {
-                this.cb("Height", b, this.w);
+        set an(a) {
+            let b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.ce("ViewBoxHeight", b, this.ab);
             }
         }
-        cc() {
+        get ar() {
+            return this.af;
+        }
+        set ar(a) {
+            let b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.ce("Width", b, this.af);
+            }
+        }
+        get aj() {
+            return this.x;
+        }
+        set aj(a) {
+            let b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.ce("Height", b, this.x);
+            }
+        }
+        cf() {
         }
         onDetachedFromUI() {
             this.view.aj();
@@ -1034,21 +1062,24 @@ export let XIcon = /*@__PURE__*/ (() => {
         onAttachedToUI() {
             this.view.ag();
         }
-        b7() {
+        v() {
             if (this.disabled) {
-                return;
+                return false;
             }
             if (this.clicked != null) {
-                this.clicked(this, new IconClickedEventArgs());
+                let a = new IconClickedEventArgs();
+                this.clicked(this, a);
+                return a.handled;
             }
+            return false;
         }
         u() {
             return this.view.l();
         }
-        au() {
+        aw() {
             return this.g();
         }
-        a9() {
+        bc() {
             let a = this.g();
             return a.l();
         }
@@ -1062,7 +1093,7 @@ export let XIcon = /*@__PURE__*/ (() => {
             a.a = this.view.a();
             a.svg = this.svg;
             a.svgPath = this.svgPath;
-            a.k = this.a7;
+            a.k = this.ba;
             if (this.m != null) {
                 let c = this.m;
                 if (this.view != null && c.q == null) {
@@ -1098,14 +1129,14 @@ export let XIcon = /*@__PURE__*/ (() => {
         }
     }
     XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
-    XIcon.cz = null;
-    XIcon.c4 = null;
-    XIcon.c3 = null;
-    XIcon.c0 = null;
-    XIcon.c1 = null;
     XIcon.c2 = null;
+    XIcon.c7 = null;
+    XIcon.c6 = null;
+    XIcon.c3 = null;
+    XIcon.c4 = null;
+    XIcon.c5 = null;
+    XIcon.ai = NaN;
     XIcon.ah = NaN;
-    XIcon.ag = NaN;
-    XIcon.at = 0;
+    XIcon.au = 0;
     return XIcon;
 })();