igniteui-webcomponents-inputs 7.1.1-beta.2 → 7.1.1-beta.3

package/esm2022/lib/IconView_combined.js

@@ -0,0 +1,1318 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+import { Base, String_$type, Delegate_$type, fromEnum, runOn, typeCast, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-webcomponents-core";
+import { DomWrapper_$type } from "igniteui-webcomponents-core";
+import { List$1 } from "igniteui-webcomponents-core";
+import { Tuple$2 } from "igniteui-webcomponents-core";
+import { SVGNode } from "igniteui-webcomponents-core";
+import { FastIterationDictionary$2 } from "igniteui-webcomponents-core";
+import { Dictionary$2 } from "igniteui-webcomponents-core";
+import { Brush } from "igniteui-webcomponents-core";
+import { NativeUI } from "igniteui-webcomponents-core";
+import { Size } from "igniteui-webcomponents-core";
+import { PrimitiveVisualData } from "igniteui-webcomponents-core";
+import { Path } from "igniteui-webcomponents-core";
+import { Line } from "igniteui-webcomponents-core";
+import { Rectangle } from "igniteui-webcomponents-core";
+import { Ellipse } from "igniteui-webcomponents-core";
+import { PathVisualData } from "igniteui-webcomponents-core";
+import { LineVisualData } from "igniteui-webcomponents-core";
+import { RectangleVisualData } from "igniteui-webcomponents-core";
+import { EllipseVisualData } from "igniteui-webcomponents-core";
+import { DoubleCollection } from "igniteui-webcomponents-core";
+import { LegendItemHelper } from "igniteui-webcomponents-core";
+import { isNaN_ } from "igniteui-webcomponents-core";
+import { IIcon_$type } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
+import { IconClickedEventArgs } from "./IconClickedEventArgs";
+import { IconVisualModelExport } from "./IconVisualModelExport";
+import { FontUtil } from "igniteui-webcomponents-core";
+import { stringStartsWith } from "igniteui-webcomponents-core";
+import { trimStart } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+class IconView extends Base {
+    static { this.$t = markType(IconView, 'IconView'); }
+    constructor() {
+        super();
+        this.d = null;
+        this.v = null;
+        this.g = null;
+        this.o = new List$1(Delegate_$type, 0);
+        this.q = null;
+        this.r = null;
+        this.s = null;
+        this.t = null;
+        this.u = null;
+        this.e = null;
+        this.f = null;
+        this.ac = null;
+        this.n = new Dictionary$2(Brush.$, String_$type, 0);
+        this.j = true;
+        this.y = null;
+        this.x = null;
+        this.z = null;
+        this.w = null;
+        this.p = new List$1(DomWrapper_$type, 0);
+        this.q = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        this.r = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        this.s = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        this.t = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        this.u = new List$1(Tuple$2.$.specialize(SVGNode.$, Base.$), 0);
+        this.e = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
+        this.f = new FastIterationDictionary$2(String_$type, List$1.$.specialize(Tuple$2.$.specialize(SVGNode.$, Base.$)), 0);
+    }
+    an() {
+    }
+    l() {
+        return true;
+    }
+    get aa() {
+        return this.y;
+    }
+    get ab() {
+        return null;
+    }
+    get c() {
+        return this.p.toArray();
+    }
+    get m() {
+        return true;
+    }
+    al(a) {
+        if (a == null) {
+            for (let b of fromEnum(this.o)) {
+                b();
+            }
+            this.o.clear();
+            if (this.y != null) {
+                this.y.unlistenAll();
+            }
+            if (this.x != null) {
+                this.x.unlistenAll();
+            }
+        }
+        this.v = a;
+        a.rootWrapper.setStyleProperty("position", "relative");
+        this.v.rootWrapper.setStyleProperty("display", "flex");
+        this.v.rootWrapper.setStyleProperty("flex-direction", "row");
+        this.v.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
+        this.v.rootWrapper.setStyleProperty("align-items", "center");
+        this.v.rootWrapper.setStyleProperty("justify-content", "center");
+        this.av();
+        let c = this.v.createElementNS("svg", "http://www.w3.org/2000/svg");
+        c.setStyleProperty("position", "absolute");
+        c.setStyleProperty("top", "0");
+        c.setStyleProperty("left", "0");
+        c.setStyleProperty("right", "0");
+        c.setStyleProperty("bottom", "0");
+        this.y = c;
+        let d = this.v.createElement("img");
+        d.setStyleProperty("height", "100%");
+        d.setStyleProperty("width", "100%");
+        d.setStyleProperty("object-fit", "contain");
+        this.x = d;
+        this.a1();
+        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.ak)));
+        this.d.c8();
+    }
+    ay(a) {
+        this.z = null;
+        this.n.clear();
+        this.v.rootWrapper.removeChildren();
+        this.v.rootWrapper.append(this.y);
+        this.y.removeChildren();
+        this.w.removeChildren();
+        this.p.clear();
+        if (a != null) {
+            let b = this.v.createElementNS("path", "http://www.w3.org/2000/svg");
+            b.setAttribute("d", a);
+            this.y.append(this.w);
+            this.y.append(b);
+            this.p.add(b);
+        }
+    }
+    az(a) {
+        this.z = null;
+        this.n.clear();
+        this.v.rootWrapper.removeChildren();
+        this.v.rootWrapper.append(this.y);
+        this.y.removeChildren();
+        this.w.removeChildren();
+        this.p.clear();
+        if (a != null && a.length > 0) {
+            this.y.append(this.w);
+            for (let b = 0; b < a.length; b++) {
+                let c = this.v.createElementNS("path", "http://www.w3.org/2000/svg");
+                c.setAttribute("d", a[b]);
+                this.y.append(c);
+                this.p.add(c);
+            }
+        }
+    }
+    ax(a) {
+        this.z = null;
+        this.v.rootWrapper.removeChildren();
+        if (a != null) {
+            let b = this.v.rootWrapper.getNativeElement();
+            b.innerHTML = a;
+            this.z = this.v.rootWrapper.getChildAt(0);
+            let c = this.z.getAttribute("viewBox");
+            if (c != null) {
+                let d = c.split(' ');
+                if (d.length == 1) {
+                    d = c.split(',');
+                }
+                if (d.length == 4) {
+                    let e = parseFloat(d[0].trim());
+                    let f = parseFloat(d[1].trim());
+                    let g = parseFloat(d[2].trim());
+                    let h = parseFloat(d[3].trim());
+                    this.d.df(e, f, g, h);
+                }
+            }
+            else {
+                this.d.df(NaN, NaN, NaN, NaN);
+            }
+        }
+    }
+    at(a) {
+        this.z = null;
+        if (this.ac != a) {
+            this.ac = a;
+            this.v.rootWrapper.removeChildren();
+            this.v.rootWrapper.append(this.x);
+            this.x.setAttribute("src", a);
+        }
+    }
+    aw(a) {
+        if (typeof a === 'string') {
+            this.at(typeCast(String_$type, a));
+        }
+    }
+    ai() {
+        if (this.d.k != 3 && this.d.k != 4) {
+            this.ac = null;
+        }
+    }
+    k() {
+        return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
+    }
+    av() {
+        this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.a9) ? "1.5rem" : this.d.a9 + "px");
+        this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.a1) ? "1.5rem" : this.d.a1 + "px");
+    }
+    a1() {
+        let a = this.d.as;
+        let b = this.d.at;
+        let c = this.d.au;
+        let d = this.d.ar;
+        this.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
+        if (this.z != null) {
+            this.z.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
+        }
+    }
+    ap(a, b) {
+        let c = a.color;
+        if (!this.n.containsKey(a)) {
+            if (a.isGradient) {
+                let d = this.w.getChildCount();
+                let e = a;
+                let f = this.v.createElementNS("linearGradient", "http://www.w3.org/2000/svg");
+                let g = "ig_gradient_" + b + "_" + d;
+                f.setAttribute("id", g);
+                f.setAttribute("x1", e.startX.toString());
+                f.setAttribute("x2", e.endX.toString());
+                f.setAttribute("y1", e.startY.toString());
+                f.setAttribute("y2", e.endY.toString());
+                let j = e.gradientStops;
+                for (let i = 0; i < j.length; i++) {
+                    let h = j[i];
+                    let k = this.v.createElementNS("stop", "http://www.w3.org/2000/svg");
+                    k.setAttribute("offset", h.offset * 100 + "%");
+                    k.setAttribute("stop-color", h._fill);
+                    f.append(k);
+                }
+                this.w.append(f);
+                this.n.addItem(a, g);
+            }
+            else if (a.isRadialGradient) {
+            }
+        }
+    }
+    aq(a, b) {
+        let c = a;
+        if (this.n.containsKey(b)) {
+            c.setAttribute("fill", "url(#" + this.n.item(b) + ")");
+            this.v.rootWrapper.removeChildren();
+            this.v.rootWrapper.append(this.y);
+        }
+        else {
+            NativeUI.t(a, b);
+        }
+    }
+    ar(a, b) {
+        let c = a;
+        if (this.n.containsKey(b)) {
+            c.setAttribute("stroke", "url('#" + this.n.item(b) + "')");
+        }
+        else {
+            NativeUI.ad(a, b);
+        }
+    }
+    ad(a) {
+    }
+    ao() {
+        if (this.l()) {
+        }
+    }
+    ae(a) {
+        this.d.c5();
+    }
+    af(a) {
+        this.d.c6();
+    }
+    aj() {
+        this.j = true;
+        this.o.add(this.v.rootWrapper.listen("mouseenter", runOn(this, this.ae)));
+        this.o.add(this.v.rootWrapper.listen("mouseleave", runOn(this, this.af)));
+    }
+    am() {
+        this.j = false;
+        for (let a of fromEnum(this.o)) {
+            a();
+        }
+        this.o.clear();
+    }
+    a0(a) {
+        if (a != null) {
+            this.v.rootWrapper.setStyleProperty("font", a.fontString);
+        }
+    }
+    a2() {
+        return new Size(1, this.v.rootWrapper.width(), this.v.rootWrapper.height());
+    }
+    b() {
+        let rect_ = this.v.rootWrapper.getNativeElement().getBoundingClientRect();
+        let a = (rect_.top);
+        let b = (rect_.left);
+        let c = new Array(2);
+        c[0] = a;
+        c[1] = b;
+        return c;
+    }
+    ak(a) {
+        if (this.d.x()) {
+            a.stopPropagation();
+            a.preventDefault();
+        }
+    }
+    a() {
+        let a = new List$1(PrimitiveVisualData.$, 0);
+        let b = this.v.rootWrapper.getNativeElement();
+        return a.toArray();
+    }
+    ah(a, b) {
+        for (let c = 0; c < b.e.count; c++) {
+            let d = b.e._inner[c];
+            let e = this.h(d);
+            if (e != null) {
+                a.add(e);
+            }
+            else {
+                this.ah(a, d);
+            }
+        }
+    }
+    h(a) {
+        let b = null;
+        switch (a.c) {
+            case 7:
+                let c = ((() => {
+                    let $ret = new Path();
+                    $ret.an = a.w;
+                    return $ret;
+                })());
+                this.au(c, a);
+                b = new PathVisualData(1, "path1", c);
+                break;
+            case 3:
+                let d = a;
+                let e = new Line();
+                e.an = d.w;
+                e.ao = d.x;
+                e.ap = d.y;
+                e.aq = d.z;
+                this.au(e, a);
+                b = new LineVisualData(1, "line1", e);
+                break;
+            case 4:
+                let f = a;
+                let g = new Rectangle();
+                g.width = f.z;
+                g.height = f.w;
+                g.ap = f.x;
+                g.aq = f.y;
+                this.au(g, a);
+                b = new RectangleVisualData(1, "rect1", g);
+                break;
+            case 5:
+            case 6:
+                let h = a;
+                let i = new Ellipse();
+                i.width = h.y * 2;
+                i.height = h.z * 2;
+                this.au(i, a);
+                b = new EllipseVisualData(1, "ellipse1", i);
+                break;
+        }
+        return b;
+    }
+    au(a, b) {
+        let c = b;
+        a.ad = b.t;
+        a.j = c.h;
+        a.am = c.v;
+        a.al = c.u;
+        a.ak = c.u;
+        a._opacity = c.q;
+        if (c.i != null) {
+            let d = new DoubleCollection();
+            let g = c.i;
+            for (let f = 0; f < g.length; f++) {
+                let e = g[f];
+                d.add(e);
+            }
+            a.ai = d;
+        }
+    }
+    i(a) {
+        if (typeCast(Path.$, a) !== null) {
+            return new PathVisualData(1, "path1", a);
+        }
+        else if (typeCast(Line.$, a) !== null) {
+            return new LineVisualData(1, "line1", a);
+        }
+        else if (typeCast(Rectangle.$, a) !== null) {
+            return new RectangleVisualData(1, "rect1", a);
+        }
+        else if (typeCast(Ellipse.$, a) !== null) {
+            return new EllipseVisualData(1, "ellipse1", a);
+        }
+        return null;
+    }
+    as(a, b) {
+        this.v.rootWrapper.removeChildren();
+        if (a == null) {
+            return;
+        }
+        LegendItemHelper.d(this.v, 0, 0, 24, 24, 24, 24, b, null, a, null);
+    }
+    ag() {
+        this.v.rootWrapper.removeChildren();
+    }
+}
+export { IconView };
+/**
+ * @hidden
+ */
+class XIcon extends Base {
+    static { this.$t = markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]); }
+    constructor() {
+        super();
+        this._view = null;
+        this.k = 0;
+        this.l = 0;
+        this.dg = XIcon.dx;
+        this.dh = XIcon.d1;
+        this.di = XIcon.d2;
+        this.y = XIcon.aw;
+        this.dj = XIcon.dx;
+        this.ds = XIcon.d1;
+        this.ak = XIcon.aw;
+        this.dt = XIcon.d2;
+        this.dk = XIcon.dy;
+        this.dl = XIcon.dz;
+        this.ae = XIcon.av;
+        this.dm = null;
+        this.c = null;
+        this.d = null;
+        this.dn = null;
+        this.dp = null;
+        this.dq = null;
+        this.dr = null;
+        this.bf = null;
+        this.bl = null;
+        this.bo = null;
+        this.bn = null;
+        this.a = null;
+        this.bd = null;
+        this.be = null;
+        this.n = null;
+        this.bm = "ig-icon-" + XIcon.bc++;
+        this.ba = 0;
+        this.p = false;
+        this.bk = null;
+        this.r = false;
+        this.q = false;
+        this.af = 1;
+        this.aa = 0;
+        this.am = NaN;
+        this.ab = 0;
+        this.an = NaN;
+        this.ac = 24;
+        this.ao = NaN;
+        this.z = 24;
+        this.al = NaN;
+        this.ap = NaN;
+        this.ad = NaN;
+        this.clicked = null;
+        this.propertyChanged = null;
+        this.ah = NaN;
+        this.ai = NaN;
+        this.aj = NaN;
+        this.ag = NaN;
+        let a = new IconView();
+        a.d = this;
+        this.view = a;
+        this.view.an();
+    }
+    get view() {
+        return this._view;
+    }
+    set view(a) {
+        this._view = a;
+    }
+    destroy() {
+        this.provideContainer(null);
+    }
+    c7(a, b, c) {
+        if (this.propertyChanged != null) {
+            this.propertyChanged(this, new PropertyChangedEventArgs(a));
+        }
+        this.da(a, b, c);
+    }
+    da(a, b, c) {
+        switch (a) {
+            case "Fill":
+            case "Stroke":
+            case "StrokeWidth":
+            case "HoverFill":
+            case "HoverStroke":
+            case "HoverStrokeThickness":
+            case "IsHover":
+                this.de();
+                break;
+            case "FillColors":
+            case "StrokeColors":
+            case "ActualFill":
+            case "ActualStroke":
+            case "ActualStrokeWidth":
+                this.dc();
+                break;
+            case "SVG":
+                this.bo = null;
+                this.a = null;
+                this.dc();
+                break;
+            case "SVGPath":
+                this.bn = null;
+                this.a = null;
+                this.dc();
+                break;
+            case "SVGPaths":
+                this.bn = null;
+                this.bo = null;
+                this.dc();
+                break;
+            case "DataURL":
+                this.bn = null;
+                this.bo = null;
+                this.a = null;
+                this.dc();
+                break;
+            case "Source":
+                this.bn = null;
+                this.bo = null;
+                this.a = null;
+                this.dc();
+                break;
+            case "DataTemplate":
+            case "DataTemplateContext":
+                this.bn = null;
+                this.bo = null;
+                this.a = null;
+                this.dc();
+                break;
+            case "Opacity":
+                this.dd();
+                break;
+            case "ViewBoxLeft":
+                this.as = !isNaN_(this.a6) ? this.a6 : !isNaN_(this.ah) ? this.ah : 0;
+                break;
+            case "ViewBoxTop":
+                this.at = !isNaN_(this.a7) ? this.a7 : !isNaN_(this.ai) ? this.ai : 0;
+                break;
+            case "ViewBoxWidth":
+                this.au = !isNaN_(this.a8) ? this.a8 : !isNaN_(this.aj) ? this.aj : 24;
+                break;
+            case "ViewBoxHeight":
+                this.ar = !isNaN_(this.a5) ? this.a5 : !isNaN_(this.ag) ? this.ag : 24;
+                break;
+            case "ActualViewBoxLeft":
+            case "ActualViewBoxTop":
+            case "ActualViewBoxWidth":
+            case "ActualViewBoxHeight":
+                this.view.a1();
+                break;
+            case "Width":
+            case "Height":
+                this.view.av();
+                break;
+        }
+    }
+    de() {
+        let a = this.fill != null ? this.fill : XIcon.dx;
+        let b = this.ea != null ? this.ea : XIcon.d1;
+        let c = !isNaN_(this.a4) ? this.a4 : XIcon.aw;
+        let d = this.eb != null ? this.eb : XIcon.d2;
+        if (this.v) {
+            this.du = this.d3 != null ? this.d3 : a;
+            this.dv = this.d4 != null ? this.d4 : b;
+            this.aq = !isNaN_(this.a2) ? this.a2 : c;
+            this.dw = this.d5 != null ? this.d5 : d;
+        }
+        else {
+            this.du = a;
+            this.dv = b;
+            this.aq = c;
+            this.dw = d;
+        }
+    }
+    get t() {
+        return this.svgPath != null && !this.view.m;
+    }
+    dd() {
+        NativeUI.ab(this.view.aa, this.a3);
+    }
+    c1() {
+        this.view.ag();
+    }
+    dc() {
+        let a = this.view.aa;
+        if (this.t) {
+            let b = this.view.ab;
+            NativeUI.t(b, this.du);
+            NativeUI.ad(b, this.dv);
+            NativeUI.ag(b, this.aq);
+        }
+        else {
+            let c = this.j();
+            if (c != this.k) {
+                this.k = c;
+                this.view.ai();
+            }
+            let d = false;
+            if (this.bg != null) {
+                this.view.as(this.bg, this.bh);
+            }
+            else if (this.svgPath != null) {
+                if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
+                    this.view.ax(this.svgPath);
+                    d = true;
+                }
+                else {
+                    this.view.ay(this.svgPath);
+                }
+            }
+            else if (this.b != null) {
+                this.view.az(this.b);
+                let e = this.view.c;
+                if (e != null && e.length > 0) {
+                    let f = NativeUI.t;
+                    let g = NativeUI.ad;
+                    this.c9();
+                    f = runOn(this.view, this.view.aq);
+                    g = runOn(this.view, this.view.ar);
+                    for (let h = 0; h < e.length; h++) {
+                        if (this.du != null) {
+                            f(e[h], this.du);
+                        }
+                        if (this.dv != null) {
+                            g(e[h], this.dv);
+                        }
+                        if (!isNaN_(this.aq)) {
+                            NativeUI.ag(e[h], this.aq);
+                        }
+                        if (this.dw != null) {
+                            NativeUI.r(e[h], this.dw);
+                        }
+                        if (this.e != null && this.e.count == e.length) {
+                            f(e[h], this.e.item(h));
+                        }
+                        if (this.f != null && this.f.count == e.length) {
+                            g(e[h], this.f.item(h));
+                        }
+                    }
+                }
+                if (this.o != null) {
+                    this.view.a0(this.o);
+                }
+                return;
+            }
+            else if (this.svg != null) {
+                this.view.ax(this.svg);
+                d = true;
+            }
+            else if (this.b2 != null) {
+                this.view.at(this.b2);
+            }
+            else if (this.bj != null) {
+                this.view.aw(this.bj);
+            }
+            else {
+            }
+            if (d) {
+                for (let i = 0; i < this.view.r.count; i++) {
+                    let j = this.view.r._inner[i].c;
+                    NativeUI.t(this.view.r._inner[i].d, j.l.f(this.d6));
+                }
+                for (let k = 0; k < this.view.s.count; k++) {
+                    let l = this.view.s._inner[k].c;
+                    NativeUI.ad(this.view.s._inner[k].d, l.m.f(this.d7));
+                }
+                for (let m = 0; m < this.view.t.count; m++) {
+                    let n = this.view.t._inner[m].c;
+                    NativeUI.t(this.view.t._inner[m].d, n.l.f(this.d8));
+                }
+                for (let o = 0; o < this.view.u.count; o++) {
+                    let p = this.view.u._inner[o].c;
+                    NativeUI.ad(this.view.u._inner[o].d, p.m.f(this.d9));
+                }
+                for (let q = 0; q < this.view.e.o.count; q++) {
+                    let r = this.view.e.o._inner[q];
+                    let s = r.split('-');
+                    let t = parseInt(s[s.length - 1]);
+                    if (t < this.e.count) {
+                        for (let u = 0; u < this.view.e.q._inner[q].count; u++) {
+                            let v = this.view.e.q._inner[q]._inner[u].c;
+                            NativeUI.t(this.view.e.q._inner[q]._inner[u].d, v.l.f(this.e.item(t)));
+                        }
+                    }
+                }
+                for (let w = 0; w < this.view.f.o.count; w++) {
+                    let x = this.view.f.o._inner[w];
+                    let y = x.split('-');
+                    let z = parseInt(y[y.length - 1]);
+                    if (z < this.f.count) {
+                        for (let aa = 0; aa < this.view.f.q._inner[w].count; aa++) {
+                            let ab = this.view.f.q._inner[w]._inner[aa].c;
+                            NativeUI.ad(this.view.f.q._inner[w]._inner[aa].d, ab.m.f(this.f.item(z)));
+                        }
+                    }
+                }
+                for (let ac = 0; ac < this.view.q.count; ac++) {
+                    let ad = this.view.q._inner[ac].c;
+                    NativeUI.t(this.view.q._inner[ac].d, ad.l.f(this.du));
+                    NativeUI.ad(this.view.q._inner[ac].d, ad.m.f(this.dv));
+                }
+            }
+            let ae = this.view.aa;
+            if (this.du != null) {
+                NativeUI.t(ae, this.du);
+            }
+            if (this.dv != null) {
+                NativeUI.ad(ae, this.dv);
+            }
+            if (!isNaN_(this.aq)) {
+                NativeUI.ag(ae, this.aq);
+            }
+        }
+        if (this.o != null) {
+            this.view.a0(this.o);
+        }
+        if (this.dw != null) {
+            NativeUI.r(this.view.aa, this.dw);
+        }
+    }
+    c9() {
+        if (this.du != null) {
+            this.view.ap(this.du, "fill");
+        }
+        if (this.dv != null) {
+            this.view.ap(this.dv, "stroke");
+        }
+        if (this.e != null) {
+            for (let a of fromEnum(this.e)) {
+                this.view.ap(a, "fills");
+            }
+        }
+        if (this.f != null) {
+            for (let b of fromEnum(this.f)) {
+                this.view.ap(b, "strokes");
+            }
+        }
+    }
+    j() {
+        let a = 5;
+        if (this.svgPath != null) {
+            a = 1;
+        }
+        else if (this.b != null && this.b.length > 0) {
+            a = 2;
+        }
+        else if (this.svg != null) {
+            a = 0;
+        }
+        else if (this.b2 != null) {
+            a = 3;
+        }
+        else if (this.bj != null) {
+            a = 4;
+        }
+        return a;
+    }
+    static { this.dx = null; }
+    static { this.d2 = null; }
+    static { this.d1 = null; }
+    static { this.dy = null; }
+    static { this.dz = null; }
+    static { this.d0 = null; }
+    static { this.aw = NaN; }
+    static { this.av = NaN; }
+    get m() {
+        return this.l;
+    }
+    set m(a) {
+        let b = this.l;
+        this.l = a;
+        if (b != this.l) {
+            this.c7("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+        }
+    }
+    get du() {
+        return this.dg;
+    }
+    set du(a) {
+        let b = this.dg;
+        this.dg = a;
+        if (b != this.dg) {
+            this.c7("ActualFill", b, a);
+        }
+    }
+    get dv() {
+        return this.dh;
+    }
+    set dv(a) {
+        let b = this.dh;
+        this.dh = a;
+        if (b != this.dh) {
+            this.c7("ActualStroke", b, a);
+        }
+    }
+    get dw() {
+        return this.di;
+    }
+    set dw(a) {
+        let b = this.di;
+        this.di = a;
+        if (b != this.di) {
+            this.c7("ActualTextColor", b, a);
+        }
+    }
+    get aq() {
+        return this.y;
+    }
+    set aq(a) {
+        let b = this.y;
+        this.y = a;
+        if (b != this.y) {
+            this.c7("ActualStrokeWidth", b, a);
+        }
+    }
+    get fill() {
+        return this.dj;
+    }
+    set fill(a) {
+        let b = this.dj;
+        this.dj = a;
+        if (b != this.dj) {
+            this.c7("Fill", b, a);
+        }
+    }
+    get ea() {
+        return this.ds;
+    }
+    set ea(a) {
+        let b = this.ds;
+        this.ds = a;
+        if (b != this.ds) {
+            this.c7("Stroke", b, a);
+        }
+    }
+    get a4() {
+        return this.ak;
+    }
+    set a4(a) {
+        let b = this.ak;
+        this.ak = a;
+        if (b != this.ak) {
+            this.c7("StrokeWidth", b, a);
+        }
+    }
+    get eb() {
+        return this.dt;
+    }
+    set eb(a) {
+        let b = this.dt;
+        this.dt = a;
+        if (b != this.dt) {
+            this.c7("TextColor", b, a);
+        }
+    }
+    get d3() {
+        return this.dk;
+    }
+    set d3(a) {
+        let b = this.dk;
+        this.dk = a;
+        if (b != this.dk) {
+            this.c7("HoverFill", b, a);
+        }
+    }
+    get d4() {
+        return this.dl;
+    }
+    set d4(a) {
+        let b = this.dl;
+        this.dl = a;
+        if (b != this.dl) {
+            this.c7("HoverStroke", b, a);
+        }
+    }
+    get a2() {
+        return this.ae;
+    }
+    set a2(a) {
+        let b = this.ae;
+        this.ae = a;
+        if (b != this.ae) {
+            this.c7("HoverStrokeThickness", b, a);
+        }
+    }
+    get d5() {
+        return this.dm;
+    }
+    set d5(a) {
+        let b = this.dm;
+        this.dm = a;
+        if (b != this.dm) {
+            this.c7("HoverTextColor", b, a);
+        }
+    }
+    get e() {
+        return this.c;
+    }
+    set e(a) {
+        let b = this.c;
+        this.c = a;
+        if (b != this.c) {
+            this.c7("FillColors", b, this.c);
+        }
+    }
+    get f() {
+        return this.d;
+    }
+    set f(a) {
+        let b = this.d;
+        this.d = a;
+        if (b != this.d) {
+            this.c7("StrokeColors", b, this.d);
+        }
+    }
+    get d6() {
+        return this.dn;
+    }
+    set d6(a) {
+        let b = this.dn;
+        this.dn = a;
+        if (b != this.dn) {
+            this.c7("PrimaryFillColor", b, this.dn);
+        }
+    }
+    get d7() {
+        return this.dp;
+    }
+    set d7(a) {
+        let b = this.dp;
+        this.dp = a;
+        if (b != this.dp) {
+            this.c7("PrimaryStrokeColor", b, this.dp);
+        }
+    }
+    get d8() {
+        return this.dq;
+    }
+    set d8(a) {
+        let b = this.dq;
+        this.dq = a;
+        if (b != this.dq) {
+            this.c7("SecondaryFillColor", b, this.dq);
+        }
+    }
+    get d9() {
+        return this.dr;
+    }
+    set d9(a) {
+        let b = this.dr;
+        this.dr = a;
+        if (b != this.dr) {
+            this.c7("SecondaryStrokeColor", b, this.dr);
+        }
+    }
+    get bj() {
+        return this.bf;
+    }
+    set bj(a) {
+        let b = this.bf;
+        this.bf = a;
+        if (b != this.bf) {
+            this.c7("Source", b, a);
+        }
+    }
+    get b2() {
+        return this.bl;
+    }
+    set b2(a) {
+        let b = this.bl;
+        this.bl = a;
+        if (b != this.bl) {
+            this.c7("DataURL", b, a);
+        }
+    }
+    get svgPath() {
+        return this.bo;
+    }
+    set svgPath(a) {
+        let b = this.bo;
+        this.bo = a;
+        if (b != this.bo) {
+            this.c7("SVGPath", b, a);
+        }
+    }
+    get svg() {
+        return this.bn;
+    }
+    set svg(a) {
+        let b = this.bn;
+        this.bn = a;
+        if (b != this.bn) {
+            this.c7("SVG", b, this.bn);
+        }
+    }
+    get b() {
+        return this.a;
+    }
+    set b(a) {
+        let b = this.a;
+        this.a = a;
+        if (b != this.a) {
+            this.c7("SVGPaths", b, this.a);
+        }
+    }
+    get bg() {
+        return this.bd;
+    }
+    set bg(a) {
+        let b = this.bd;
+        this.bd = a;
+        if (b != this.bd) {
+            this.c7("DataTemplate", b, this.bd);
+        }
+    }
+    get bh() {
+        return this.be;
+    }
+    set bh(a) {
+        let b = this.be;
+        this.be = a;
+        if (b != this.be) {
+            this.c7("DataTemplateContext", b, this.be);
+        }
+    }
+    c5() {
+        this.v = true;
+    }
+    c6() {
+        this.v = false;
+    }
+    get o() {
+        return this.n;
+    }
+    set o(a) {
+        let b = this.n;
+        this.n = a;
+        if (b != this.n) {
+            this.c7("TextStyle", b, a);
+        }
+    }
+    static { this.bc = 0; }
+    get cc() {
+        return this.bm;
+    }
+    set cc(a) {
+        let b = this.bm;
+        this.bm = a;
+        if (b != this.bm) {
+            this.c7("Id", b, a);
+        }
+    }
+    get s() {
+        return this.p;
+    }
+    get bb() {
+        return this.ba;
+    }
+    set bb(a) {
+        let b = this.ba;
+        this.ba = a;
+        this.p = true;
+        if (b != this.ba) {
+            this.c7("TabIndex", b, a);
+        }
+    }
+    get bx() {
+        return this.bk;
+    }
+    set bx(a) {
+        let b = this.bk;
+        this.bk = a;
+        if (b != this.bk) {
+            this.c7("AriaLabel", b, a);
+        }
+    }
+    get v() {
+        return this.r;
+    }
+    set v(a) {
+        let b = this.r;
+        this.r = a;
+        if (b != this.r) {
+            this.c7("IsHover", b, a);
+        }
+    }
+    get disabled() {
+        return this.q;
+    }
+    set disabled(a) {
+        let b = this.q;
+        this.q = a;
+        if (b != this.q) {
+            this.c7("IsDisabled", b, a);
+        }
+    }
+    get a3() {
+        return this.af;
+    }
+    set a3(a) {
+        let b = this.af;
+        this.af = a;
+        if (b != this.af) {
+            this.c7("Opacity", b, this.af);
+        }
+    }
+    get as() {
+        return this.aa;
+    }
+    set as(a) {
+        let b = this.aa;
+        this.aa = a;
+        if (b != this.aa) {
+            this.c7("ActualViewBoxLeft", b, this.aa);
+        }
+    }
+    get a6() {
+        return this.am;
+    }
+    set a6(a) {
+        let b = this.am;
+        this.am = a;
+        if (b != this.am) {
+            this.c7("ViewBoxLeft", b, this.am);
+        }
+    }
+    get at() {
+        return this.ab;
+    }
+    set at(a) {
+        let b = this.ab;
+        this.ab = a;
+        if (b != this.ab) {
+            this.c7("ActualViewBoxTop", b, this.ab);
+        }
+    }
+    get a7() {
+        return this.an;
+    }
+    set a7(a) {
+        let b = this.an;
+        this.an = a;
+        if (b != this.an) {
+            this.c7("ViewBoxTop", b, this.an);
+        }
+    }
+    get au() {
+        return this.ac;
+    }
+    set au(a) {
+        let b = this.ac;
+        this.ac = a;
+        if (b != this.ac) {
+            this.c7("ActualViewBoxWidth", b, this.ac);
+        }
+    }
+    get a8() {
+        return this.ao;
+    }
+    set a8(a) {
+        let b = this.ao;
+        this.ao = a;
+        if (b != this.ao) {
+            this.c7("ViewBoxWidth", b, this.ao);
+        }
+    }
+    get ar() {
+        return this.z;
+    }
+    set ar(a) {
+        let b = this.z;
+        this.z = a;
+        if (b != this.z) {
+            this.c7("ActualViewBoxHeight", b, this.z);
+        }
+    }
+    get a5() {
+        return this.al;
+    }
+    set a5(a) {
+        let b = this.al;
+        this.al = a;
+        if (b != this.al) {
+            this.c7("ViewBoxHeight", b, this.al);
+        }
+    }
+    get a9() {
+        return this.ap;
+    }
+    set a9(a) {
+        let b = this.ap;
+        this.ap = a;
+        if (b != this.ap) {
+            this.c7("Width", b, this.ap);
+        }
+    }
+    get a1() {
+        return this.ad;
+    }
+    set a1(a) {
+        let b = this.ad;
+        this.ad = a;
+        if (b != this.ad) {
+            this.c7("Height", b, this.ad);
+        }
+    }
+    c8() {
+    }
+    onDetachedFromUI() {
+        this.view.am();
+    }
+    onAttachedToUI() {
+        this.view.aj();
+    }
+    x() {
+        if (this.disabled) {
+            return false;
+        }
+        if (this.clicked != null) {
+            let a = new IconClickedEventArgs();
+            this.clicked(this, a);
+            return a.handled;
+        }
+        return false;
+    }
+    w() {
+        return this.view.l();
+    }
+    bi() {
+        return this.g();
+    }
+    b4() {
+        let a = this.g();
+        return a.l();
+    }
+    g() {
+        let a = new IconVisualModelExport();
+        let b = this.view.b();
+        a.i = b[0];
+        a.g = b[1];
+        let c = this.view.a2();
+        a.f = c.height;
+        a.j = c.width;
+        a.a = this.view.a();
+        a.svg = this.svg;
+        a.svgPath = this.svgPath;
+        a.k = this.b2;
+        if (this.o != null) {
+            let d = this.o;
+            if (this.view != null && d.q == null) {
+                let e = this.view.v;
+                let f = FontUtil.getFontInfoFromString(e, d.fontString);
+                d.q = f.q;
+                d.f = f.f;
+                d.r = f.r;
+                d.t = f.t;
+                d.u = f.u;
+                d.v = f.v;
+            }
+            if (d.q != null) {
+                a.o = d.q;
+            }
+            if (!isNaN_(d.f)) {
+                a.h = d.f;
+            }
+            if (d.v != null) {
+                a.s = d.v;
+            }
+            if (d.t != null) {
+                a.q = d.t;
+            }
+            if (d.r != null) {
+                a.p = d.t;
+            }
+        }
+        return a;
+    }
+    provideContainer(a) {
+        this.view.al(a);
+    }
+    df(a, b, c, d) {
+        this.ah = a;
+        this.ai = b;
+        this.aj = c;
+        this.ag = d;
+        this.aa = !isNaN_(this.a6) ? this.a6 : !isNaN_(this.ah) ? this.ah : 0;
+        this.ab = !isNaN_(this.a7) ? this.a7 : !isNaN_(this.ai) ? this.ai : 0;
+        this.ac = !isNaN_(this.a8) ? this.a8 : !isNaN_(this.aj) ? this.aj : 24;
+        this.z = !isNaN_(this.a5) ? this.a5 : !isNaN_(this.ag) ? this.ag : 24;
+        this.view.a1();
+    }
+}
+export { XIcon };