igniteui-webcomponents-inputs 1.3.1 → 1.4.1

package/esm5/lib/IconView_combined.js

@@ -9,6 +9,7 @@ import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged
 import { List$1 } from "igniteui-webcomponents-core";
 import { IIcon_$type } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
+import { IconClickedEventArgs } from "./IconClickedEventArgs";
 import { IconVisualModelExport } from "./IconVisualModelExport";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { FontUtil } from "igniteui-webcomponents-core";
@@ -20,47 +21,47 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IconView, _super);
     function IconView() {
         var _this = _super.call(this) || this;
-        _this.a = null;
-        _this.g = null;
         _this.b = null;
-        _this.f = new List$1(Delegate_$type, 0);
-        _this.k = null;
-        _this.c = true;
         _this.h = null;
+        _this.c = null;
+        _this.g = new List$1(Delegate_$type, 0);
+        _this.l = null;
+        _this.d = true;
         _this.i = null;
+        _this.j = null;
         return _this;
     }
-    IconView.prototype.r = function () {
+    IconView.prototype.t = function () {
     };
-    IconView.prototype.d = function () {
+    IconView.prototype.e = function () {
         return true;
     };
-    Object.defineProperty(IconView.prototype, "j", {
+    Object.defineProperty(IconView.prototype, "k", {
         get: function () {
-            return this.h;
+            return this.i;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "w", {
+    Object.defineProperty(IconView.prototype, "y", {
         get: function () {
             return null;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(IconView.prototype, "e", {
+    Object.defineProperty(IconView.prototype, "f", {
         get: function () {
             return true;
         },
         enumerable: true,
         configurable: true
     });
-    IconView.prototype.p = function (a) {
+    IconView.prototype.r = function (a) {
         var e_1, _a;
         if (a == null) {
             try {
-                for (var _b = tslib_1.__values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib_1.__values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -78,67 +79,71 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_1.error;
                 }
             }
-            this.f.clear();
+            this.g.clear();
+            if (this.i != null) {
+                this.i.unlistenAll();
+            }
         }
-        this.g = a;
+        this.h = a;
         a.rootWrapper.setStyleProperty("position", "relative");
-        this.g.rootWrapper.setStyleProperty("display", "flex");
-        this.g.rootWrapper.setStyleProperty("flex-direction", "row");
-        this.g.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
-        this.g.rootWrapper.setStyleProperty("align-items", "center");
-        this.t();
-        var c = this.g.createElementNS("svg", "http://www.w3.org/2000/svg");
+        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.v();
+        var c = this.h.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.h = c;
-        var d = this.g.createElementNS("path", "http://www.w3.org/2000/svg");
+        this.i = c;
+        var d = this.h.createElementNS("path", "http://www.w3.org/2000/svg");
         d.setAttribute("d", "");
-        this.h.append(d);
-        if (this.k != null) {
-            d.setAttribute("d", this.k);
+        this.i.append(d);
+        if (this.l != null) {
+            d.setAttribute("d", this.l);
         }
-        this.i = d;
-        this.g.append(this.h);
-        this.a.a8();
+        this.j = d;
+        this.h.append(this.i);
+        this.g.add(c.listen("click", runOn(this, this.q)));
+        this.b.bd();
     };
-    IconView.prototype.u = function (a) {
-        if (this.k != a) {
-            this.k = a;
-            if (this.i != null) {
-                this.i.setAttribute("d", this.k);
+    IconView.prototype.w = function (a) {
+        if (this.l != a) {
+            this.l = a;
+            if (this.j != null) {
+                this.j.setAttribute("d", this.l);
             }
         }
     };
-    IconView.prototype.t = function () {
-        this.g.rootWrapper.setStyleProperty("width", "1.5rem");
-        this.g.rootWrapper.setStyleProperty("height", "1.5rem");
+    IconView.prototype.v = function () {
+        this.h.rootWrapper.setStyleProperty("width", "1.5rem");
+        this.h.rootWrapper.setStyleProperty("height", "1.5rem");
     };
-    IconView.prototype.l = function (a) {
+    IconView.prototype.m = function (a) {
     };
-    IconView.prototype.s = function () {
-        if (this.d()) {
+    IconView.prototype.u = function () {
+        if (this.e()) {
         }
     };
-    IconView.prototype.m = function (a) {
-        this.a.a5();
-    };
     IconView.prototype.n = function (a) {
-        this.a.a6();
+        this.b.ba();
+    };
+    IconView.prototype.o = function (a) {
+        this.b.bb();
     };
-    IconView.prototype.o = function () {
-        this.c = true;
-        this.f.add(this.g.rootWrapper.listen("mouseenter", runOn(this, this.m)));
-        this.f.add(this.g.rootWrapper.listen("mouseleave", runOn(this, this.n)));
+    IconView.prototype.p = function () {
+        this.d = true;
+        this.g.add(this.h.rootWrapper.listen("mouseenter", runOn(this, this.n)));
+        this.g.add(this.h.rootWrapper.listen("mouseleave", runOn(this, this.o)));
     };
-    IconView.prototype.q = function () {
+    IconView.prototype.s = function () {
         var e_2, _a;
-        this.c = false;
+        this.d = false;
         try {
-            for (var _b = tslib_1.__values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = tslib_1.__values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -156,13 +161,25 @@ var IconView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.f.clear();
+        this.g.clear();
     };
-    IconView.prototype.v = function (a) {
+    IconView.prototype.x = function (a) {
         if (a != null) {
-            this.g.rootWrapper.setStyleProperty("font", a.fontString);
+            this.h.rootWrapper.setStyleProperty("font", a.fontString);
         }
     };
+    IconView.prototype.a = function () {
+        var rect_ = this.h.rootWrapper.getNativeElement().getBoundingClientRect();
+        var a = (rect_.top);
+        var b = (rect_.left);
+        var c = new Array(2);
+        c[0] = a;
+        c[1] = b;
+        return c;
+    };
+    IconView.prototype.q = function (a) {
+        this.b.a8();
+    };
     IconView.$t = markType(IconView, 'IconView');
     return IconView;
 }(Base));
@@ -170,42 +187,44 @@ export { IconView };
 /**
  * @hidden
  */
-var Icon = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(Icon, _super);
-    function Icon() {
+var XIcon = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(XIcon, _super);
+    function XIcon() {
         var _this = _super.call(this) || this;
         _this._view = null;
-        _this.bd = Icon.bt;
-        _this.bh = Icon.bx;
-        _this.be = Icon.bu;
-        _this.bf = Icon.bv;
-        _this.bg = Icon.bw;
-        _this.m = Icon.s;
-        _this.n = Icon.t;
-        _this.bi = Icon.bt;
-        _this.bn = Icon.bx;
-        _this.ac = null;
-        _this.bj = Icon.bu;
-        _this.bk = Icon.bv;
-        _this.bm = Icon.bw;
-        _this.o = Icon.s;
-        _this.p = Icon.t;
-        _this.c = null;
-        _this.bl = null;
-        _this.ab = "ig-icon-" + Icon.y++;
-        _this.w = 0;
-        _this.e = false;
-        _this.aa = null;
-        _this.g = false;
+        _this.bj = XIcon.bz;
+        _this.bn = XIcon.b3;
+        _this.bk = XIcon.b0;
+        _this.bl = XIcon.b1;
+        _this.bm = XIcon.b2;
+        _this.n = XIcon.u;
+        _this.o = XIcon.v;
+        _this.bo = XIcon.bz;
+        _this.bt = XIcon.b3;
+        _this.af = null;
+        _this.bp = XIcon.b0;
+        _this.bq = XIcon.b1;
+        _this.bs = XIcon.b2;
+        _this.p = XIcon.u;
+        _this.r = XIcon.v;
+        _this.d = null;
+        _this.br = null;
+        _this.ae = "ig-icon-" + XIcon.ab++;
+        _this.z = 0;
         _this.f = false;
+        _this.ad = null;
+        _this.h = false;
+        _this.g = false;
+        _this.q = 1;
+        _this.clicked = null;
         _this.propertyChanged = null;
         var a = new IconView();
-        a.a = _this;
+        a.b = _this;
         _this.view = a;
-        _this.view.r();
+        _this.view.t();
         return _this;
     }
-    Object.defineProperty(Icon.prototype, "view", {
+    Object.defineProperty(XIcon.prototype, "view", {
         get: function () {
             return this._view;
         },
@@ -215,16 +234,16 @@ var Icon = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Icon.prototype.destroy = function () {
+    XIcon.prototype.destroy = function () {
         this.provideContainer(null);
     };
-    Icon.prototype.a7 = function (a, b, c) {
+    XIcon.prototype.bc = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.a9(a, b, c);
+        this.be(a, b, c);
     };
-    Icon.prototype.a9 = function (a, b, c) {
+    XIcon.prototype.be = function (a, b, c) {
         switch (a) {
             case "Fill":
             case "Stroke":
@@ -232,7 +251,7 @@ var Icon = /** @class */ /*@__PURE__*/ (function (_super) {
             case "HoverFill":
             case "HoverStroke":
             case "HoverStrokeThickness":
-                this.bc();
+                this.bi();
                 break;
             case "ActualFill":
             case "ActualStroke":
@@ -241,161 +260,153 @@ var Icon = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ActualStrokeThickness":
             case "ActualHoverStrokeThickness":
             case "SVGPath":
-                this.bb();
+                this.bg();
+                break;
+            case "Opacity":
+                this.bh();
                 break;
         }
     };
-    Icon.prototype.bc = function () {
-        this.bo = this.fill != null ? this.fill : Icon.bt;
-        this.bp = this.by != null ? this.by : Icon.bu;
-        this.br = this.b1 != null ? this.b1 : Icon.bw;
-        this.bq = this.bz != null ? this.bz : Icon.bv;
-        this.r = !isNaN_(this.v) ? this.v : Icon.t;
-        this.q = !isNaN_(this.u) ? this.u : Icon.s;
-        this.bs = this.b2 != null ? this.b2 : Icon.bx;
+    XIcon.prototype.bi = function () {
+        this.bu = this.fill != null ? this.fill : XIcon.bz;
+        this.bv = this.b4 != null ? this.b4 : XIcon.b0;
+        this.bx = this.b7 != null ? this.b7 : XIcon.b2;
+        this.bw = this.b5 != null ? this.b5 : XIcon.b1;
+        this.t = !isNaN_(this.y) ? this.y : XIcon.v;
+        this.s = !isNaN_(this.w) ? this.w : XIcon.u;
+        this.by = this.b8 != null ? this.b8 : XIcon.b3;
     };
-    Object.defineProperty(Icon.prototype, "i", {
+    Object.defineProperty(XIcon.prototype, "j", {
         get: function () {
-            return this.svgPath != null && !this.view.e;
+            return this.svgPath != null && !this.view.f;
         },
         enumerable: true,
         configurable: true
     });
-    Icon.prototype.bb = function () {
-        var a = this.view.j;
-        if (this.i) {
-            var b = this.view.w;
-            if (this.k) {
-                b._fill = this.bp;
-                b._stroke = this.bq;
-                b.ac = this.q;
+    XIcon.prototype.bh = function () {
+        NativeUI.u(this.view.k, this.x);
+    };
+    XIcon.prototype.bg = function () {
+        var a = this.view.k;
+        if (this.j) {
+            var b = this.view.y;
+            if (this.l) {
+                b._fill = this.bv;
+                b._stroke = this.bw;
+                b.ac = this.s;
             }
             else {
-                b._fill = this.bo;
-                b._stroke = this.br;
-                b.ac = this.r;
+                b._fill = this.bu;
+                b._stroke = this.bx;
+                b.ac = this.t;
             }
         }
         else {
             if (this.svgPath != null) {
-                this.view.u(this.svgPath);
+                this.view.w(this.svgPath);
             }
-            var c = this.view.j;
-            if (this.k) {
-                if (this.bp != null) {
-                    NativeUI.o(c, this.bp);
+            var c = this.view.k;
+            if (this.l) {
+                if (this.bv != null) {
+                    NativeUI.p(c, this.bv);
                 }
-                if (this.bq != null) {
-                    NativeUI.v(c, this.bq);
+                if (this.bw != null) {
+                    NativeUI.w(c, this.bw);
                 }
-                if (!isNaN_(this.q)) {
-                    NativeUI.y(c, this.q);
+                if (!isNaN_(this.s)) {
+                    NativeUI.z(c, this.s);
                 }
             }
             else {
-                if (this.bo != null) {
-                    NativeUI.o(c, this.bo);
+                if (this.bu != null) {
+                    NativeUI.p(c, this.bu);
                 }
-                if (this.br != null) {
-                    NativeUI.v(c, this.br);
+                if (this.bx != null) {
+                    NativeUI.w(c, this.bx);
                 }
-                if (!isNaN_(this.r)) {
-                    NativeUI.y(c, this.r);
+                if (!isNaN_(this.t)) {
+                    NativeUI.z(c, this.t);
                 }
             }
         }
-        if (this.d != null) {
-            this.view.v(this.d);
+        if (this.e != null) {
+            this.view.x(this.e);
         }
-        if (this.bs != null) {
-            NativeUI.n(this.view.j, this.bs);
+        if (this.by != null) {
+            NativeUI.o(this.view.k, this.by);
         }
     };
-    Object.defineProperty(Icon.prototype, "bo", {
+    Object.defineProperty(XIcon.prototype, "bu", {
         get: function () {
-            return this.bd;
-        },
-        set: function (a) {
-            var b = this.bd;
-            this.bd = a;
-            if (b != this.bd) {
-                this.a7("ActualFill", b, a);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Icon.prototype, "bs", {
-        get: function () {
-            return this.bh;
+            return this.bj;
         },
         set: function (a) {
-            var b = this.bh;
-            this.bh = a;
-            if (b != this.bh) {
-                this.a7("ActualTextColor", b, a);
+            var b = this.bj;
+            this.bj = a;
+            if (b != this.bj) {
+                this.bc("ActualFill", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "bp", {
+    Object.defineProperty(XIcon.prototype, "by", {
         get: function () {
-            return this.be;
+            return this.bn;
         },
         set: function (a) {
-            var b = this.be;
-            this.be = a;
-            if (b != this.be) {
-                this.a7("ActualHoverFill", b, a);
+            var b = this.bn;
+            this.bn = a;
+            if (b != this.bn) {
+                this.bc("ActualTextColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "bq", {
+    Object.defineProperty(XIcon.prototype, "bv", {
         get: function () {
-            return this.bf;
+            return this.bk;
         },
         set: function (a) {
-            var b = this.bf;
-            this.bf = a;
-            if (b != this.bf) {
-                this.a7("ActualHoverStroke", b, a);
+            var b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.bc("ActualHoverFill", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "br", {
+    Object.defineProperty(XIcon.prototype, "bw", {
         get: function () {
-            return this.bg;
+            return this.bl;
         },
         set: function (a) {
-            var b = this.bg;
-            this.bg = a;
-            if (b != this.bg) {
-                this.a7("ActualStroke", b, a);
+            var b = this.bl;
+            this.bl = a;
+            if (b != this.bl) {
+                this.bc("ActualHoverStroke", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "q", {
+    Object.defineProperty(XIcon.prototype, "bx", {
         get: function () {
-            return this.m;
+            return this.bm;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.a7("ActualHoverStrokeThickness", b, a);
+            var b = this.bm;
+            this.bm = a;
+            if (b != this.bm) {
+                this.bc("ActualStroke", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "r", {
+    Object.defineProperty(XIcon.prototype, "s", {
         get: function () {
             return this.n;
         },
@@ -403,111 +414,111 @@ var Icon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.n;
             this.n = a;
             if (b != this.n) {
-                this.a7("ActualStrokeThickness", b, a);
+                this.bc("ActualHoverStrokeThickness", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "fill", {
+    Object.defineProperty(XIcon.prototype, "t", {
         get: function () {
-            return this.bi;
+            return this.o;
         },
         set: function (a) {
-            var b = this.bi;
-            this.bi = a;
-            if (b != this.bi) {
-                this.a7("Fill", b, a);
+            var b = this.o;
+            this.o = a;
+            if (b != this.o) {
+                this.bc("ActualStrokeThickness", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "b2", {
+    Object.defineProperty(XIcon.prototype, "fill", {
         get: function () {
-            return this.bn;
+            return this.bo;
         },
         set: function (a) {
-            var b = this.bn;
-            this.bn = a;
-            if (b != this.bn) {
-                this.a7("TextColor", b, a);
+            var b = this.bo;
+            this.bo = a;
+            if (b != this.bo) {
+                this.bc("Fill", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "svgPath", {
+    Object.defineProperty(XIcon.prototype, "b8", {
         get: function () {
-            return this.ac;
+            return this.bt;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.a7("SVGPath", b, a);
+            var b = this.bt;
+            this.bt = a;
+            if (b != this.bt) {
+                this.bc("TextColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "by", {
+    Object.defineProperty(XIcon.prototype, "svgPath", {
         get: function () {
-            return this.bj;
+            return this.af;
         },
         set: function (a) {
-            var b = this.bj;
-            this.bj = a;
-            if (b != this.bj) {
-                this.a7("HoverFill", b, a);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.bc("SVGPath", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "bz", {
+    Object.defineProperty(XIcon.prototype, "b4", {
         get: function () {
-            return this.bk;
+            return this.bp;
         },
         set: function (a) {
-            var b = this.bk;
-            this.bk = a;
-            if (b != this.bk) {
-                this.a7("HoverStroke", b, a);
+            var b = this.bp;
+            this.bp = a;
+            if (b != this.bp) {
+                this.bc("HoverFill", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "b1", {
+    Object.defineProperty(XIcon.prototype, "b5", {
         get: function () {
-            return this.bm;
+            return this.bq;
         },
         set: function (a) {
-            var b = this.bm;
-            this.bm = a;
-            if (b != this.bm) {
-                this.a7("Stroke", b, a);
+            var b = this.bq;
+            this.bq = a;
+            if (b != this.bq) {
+                this.bc("HoverStroke", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "u", {
+    Object.defineProperty(XIcon.prototype, "b7", {
         get: function () {
-            return this.o;
+            return this.bs;
         },
         set: function (a) {
-            var b = this.o;
-            this.o = a;
-            if (b != this.o) {
-                this.a7("HoverStrokeThickness", b, a);
+            var b = this.bs;
+            this.bs = a;
+            if (b != this.bs) {
+                this.bc("Stroke", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "v", {
+    Object.defineProperty(XIcon.prototype, "w", {
         get: function () {
             return this.p;
         },
@@ -515,97 +526,125 @@ var Icon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.p;
             this.p = a;
             if (b != this.p) {
-                this.a7("StrokeThickness", b, a);
+                this.bc("HoverStrokeThickness", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Icon.prototype.a5 = function () {
-        this.k = true;
+    Object.defineProperty(XIcon.prototype, "y", {
+        get: function () {
+            return this.r;
+        },
+        set: function (a) {
+            var b = this.r;
+            this.r = a;
+            if (b != this.r) {
+                this.bc("StrokeThickness", b, a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    XIcon.prototype.ba = function () {
+        this.l = true;
     };
-    Icon.prototype.a6 = function () {
-        this.k = false;
+    XIcon.prototype.bb = function () {
+        this.l = false;
     };
-    Object.defineProperty(Icon.prototype, "d", {
+    Object.defineProperty(XIcon.prototype, "e", {
         get: function () {
-            return this.c;
+            return this.d;
         },
         set: function (a) {
-            var b = this.c;
-            this.c = a;
-            if (b != this.c) {
-                this.a7("TextStyle", b, a);
+            var b = this.d;
+            this.d = a;
+            if (b != this.d) {
+                this.bc("TextStyle", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "b0", {
+    Object.defineProperty(XIcon.prototype, "b6", {
         get: function () {
-            return this.bl;
+            return this.br;
         },
         set: function (a) {
-            var b = this.bl;
-            this.bl = a;
-            if (b != this.bl) {
-                this.a7("HoverTextColor", b, a);
+            var b = this.br;
+            this.br = a;
+            if (b != this.br) {
+                this.bc("HoverTextColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "as", {
+    Object.defineProperty(XIcon.prototype, "av", {
         get: function () {
-            return this.ab;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.a7("Id", b, a);
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.bc("Id", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "h", {
+    Object.defineProperty(XIcon.prototype, "i", {
+        get: function () {
+            return this.f;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(XIcon.prototype, "aa", {
         get: function () {
-            return this.e;
+            return this.z;
+        },
+        set: function (a) {
+            var b = this.z;
+            this.z = a;
+            this.f = true;
+            if (b != this.z) {
+                this.bc("TabIndex", b, a);
+            }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "x", {
+    Object.defineProperty(XIcon.prototype, "an", {
         get: function () {
-            return this.w;
+            return this.ad;
         },
         set: function (a) {
-            var b = this.w;
-            this.w = a;
-            this.e = true;
-            if (b != this.w) {
-                this.a7("TabIndex", b, a);
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.bc("AriaLabel", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "ak", {
+    Object.defineProperty(XIcon.prototype, "l", {
         get: function () {
-            return this.aa;
+            return this.h;
         },
         set: function (a) {
-            var b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.a7("AriaLabel", b, a);
+            var b = this.h;
+            this.h = a;
+            if (b != this.h) {
+                this.bc("IsHover", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "k", {
+    Object.defineProperty(XIcon.prototype, "disabled", {
         get: function () {
             return this.g;
         },
@@ -613,94 +652,108 @@ var Icon = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.g;
             this.g = a;
             if (b != this.g) {
-                this.a7("IsHover", b, a);
+                this.bc("IsDisabled", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Icon.prototype, "disabled", {
+    Object.defineProperty(XIcon.prototype, "x", {
         get: function () {
-            return this.f;
+            return this.q;
         },
         set: function (a) {
-            var b = this.f;
-            this.f = a;
-            if (b != this.f) {
-                this.a7("IsDisabled", b, a);
+            var b = this.q;
+            this.q = a;
+            if (b != this.q) {
+                this.bc("Opacity", b, this.q);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Icon.prototype.a8 = function () {
+    XIcon.prototype.bd = function () {
     };
-    Icon.prototype.onDetachedFromUI = function () {
-        this.view.q();
+    XIcon.prototype.onDetachedFromUI = function () {
+        this.view.s();
     };
-    Icon.prototype.onAttachedToUI = function () {
-        this.view.o();
+    XIcon.prototype.onAttachedToUI = function () {
+        this.view.p();
+    };
+    XIcon.prototype.a8 = function () {
+        if (this.disabled) {
+            return;
+        }
+        if (this.clicked != null) {
+            this.clicked(this, new IconClickedEventArgs());
+        }
     };
-    Icon.prototype.l = function () {
-        return this.view.d();
+    XIcon.prototype.m = function () {
+        return this.view.e();
     };
-    Icon.prototype.z = function () {
+    XIcon.prototype.ac = function () {
         return this.a();
     };
-    Icon.prototype.am = function () {
+    XIcon.prototype.ap = function () {
         var a = this.a();
-        return a.f();
+        return a.j();
     };
-    Icon.prototype.a = function () {
+    XIcon.prototype.a = function () {
         var a = new IconVisualModelExport();
-        var b = this.view.j;
-        a.a = AppearanceHelper.a(NativeUI.af(b));
-        a.c = AppearanceHelper.a(NativeUI.af(b));
-        a.b = AppearanceHelper.a(NativeUI.ag(b));
-        a.d = this.r;
-        if (this.d != null) {
-            var c = this.d;
-            if (this.view != null && c.n == null) {
-                var d = this.view.g;
-                var e = FontUtil.getFontInfoFromString(d, c.fontString);
-                c.n = e.n;
-                c.d = e.d;
-                c.o = e.o;
-                c.q = e.q;
-                c.r = e.r;
-                c.s = e.s;
-            }
-            if (c.n != null) {
-                a.h = c.n;
-            }
-            if (!isNaN_(c.d)) {
-                a.e = c.d;
-            }
-            if (c.s != null) {
-                a.l = c.s;
-            }
-            if (c.q != null) {
-                a.j = c.q;
-            }
-            if (c.o != null) {
-                a.i = c.q;
+        var 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.t;
+        var c = this.view.a();
+        a.h = c[0];
+        a.f = c[1];
+        a.e = NativeUI.c(b);
+        a.i = NativeUI.i(b);
+        a.svgPath = this.svgPath;
+        if (this.e != null) {
+            var d = this.e;
+            if (this.view != null && d.n == null) {
+                var e = this.view.h;
+                var f = FontUtil.getFontInfoFromString(e, d.fontString);
+                d.n = f.n;
+                d.d = f.d;
+                d.o = f.o;
+                d.q = f.q;
+                d.r = f.r;
+                d.s = f.s;
+            }
+            if (d.n != null) {
+                a.l = d.n;
+            }
+            if (!isNaN_(d.d)) {
+                a.g = d.d;
+            }
+            if (d.s != null) {
+                a.p = d.s;
+            }
+            if (d.q != null) {
+                a.n = d.q;
+            }
+            if (d.o != null) {
+                a.m = d.q;
             }
         }
         return a;
     };
-    Icon.prototype.provideContainer = function (a) {
-        this.view.p(a);
+    XIcon.prototype.provideContainer = function (a) {
+        this.view.r(a);
     };
-    Icon.$t = markType(Icon, 'Icon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
-    Icon.bt = null;
-    Icon.bx = null;
-    Icon.bw = null;
-    Icon.bu = null;
-    Icon.bv = null;
-    Icon.t = 0;
-    Icon.s = 0;
-    Icon.y = 0;
-    return Icon;
+    XIcon.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
+    XIcon.bz = null;
+    XIcon.b3 = null;
+    XIcon.b2 = null;
+    XIcon.b0 = null;
+    XIcon.b1 = null;
+    XIcon.v = 0;
+    XIcon.u = 0;
+    XIcon.ab = 0;
+    return XIcon;
 }(Base));
-export { Icon };
+export { XIcon };
 //# sourceMappingURL=IconView_combined.js.map