igniteui-webcomponents-inputs
Version:
Ignite UI Web Components inputs components.
1,221 lines (1,220 loc) • 38.4 kB
JavaScript
/*
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 { 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
*/
export let IconView = /*@__PURE__*/ (() => {
class IconView extends Base {
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.ab = null;
this.n = new Dictionary$2(Brush.$, String_$type, 0);
this.j = true;
this.y = null;
this.x = 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);
}
am() {
}
l() {
return true;
}
get z() {
return this.y;
}
get aa() {
return null;
}
get c() {
return this.p.toArray();
}
get m() {
return true;
}
ak(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.au();
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.a0();
this.w = a.createElementNS("defs", "http://www.w3.org/2000/svg");
this.y.append(this.w);
this.v.append(this.y);
this.o.add(c.listen("click", runOn(this, this.aj)));
this.d.cm();
}
ax(a) {
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);
}
}
ay(a) {
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);
}
}
}
aw(a) {
this.v.rootWrapper.removeChildren();
if (a != null) {
let b = this.v.rootWrapper.getNativeElement();
b.innerHTML = a;
}
}
as(a) {
if (this.ab != a) {
this.ab = a;
this.v.rootWrapper.removeChildren();
this.v.rootWrapper.append(this.x);
this.x.setAttribute("src", a);
}
}
av(a) {
if (typeof a === 'string') {
this.as(typeCast(String_$type, a));
}
}
ah() {
if (this.d.k != 3 && this.d.k != 4) {
this.ab = null;
}
}
k() {
return this.d.svgPath != null || this.d.svg != null || this.d.b != null;
}
au() {
this.v.rootWrapper.setStyleProperty("width", isNaN_(this.d.at) ? "1.5rem" : this.d.at + "px");
this.v.rootWrapper.setStyleProperty("height", isNaN_(this.d.al) ? "1.5rem" : this.d.al + "px");
}
a0() {
let a = isNaN_(this.d.aq) ? 0 : this.d.aq;
let b = isNaN_(this.d.ar) ? 0 : this.d.ar;
let c = isNaN_(this.d.as) ? 24 : this.d.as;
let d = isNaN_(this.d.ap) ? 24 : this.d.ap;
this.y.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
}
ao(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) {
}
}
}
ap(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.r(a, b);
}
}
aq(a, b) {
let c = a;
if (this.n.containsKey(b)) {
c.setAttribute("stroke", "url('#" + this.n.item(b) + "')");
}
else {
NativeUI.aa(a, b);
}
}
ac(a) {
}
an() {
if (this.l()) {
}
}
ad(a) {
this.d.cj();
}
ae(a) {
this.d.ck();
}
ai() {
this.j = true;
this.o.add(this.v.rootWrapper.listen("mouseenter", runOn(this, this.ad)));
this.o.add(this.v.rootWrapper.listen("mouseleave", runOn(this, this.ae)));
}
al() {
this.j = false;
for (let a of fromEnum(this.o)) {
a();
}
this.o.clear();
}
az(a) {
if (a != null) {
this.v.rootWrapper.setStyleProperty("font", a.fontString);
}
}
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;
}
aj(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();
}
ag(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.ag(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.at(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.at(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.at(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.at(i, a);
b = new EllipseVisualData(1, "ellipse1", i);
break;
}
return b;
}
at(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;
}
ar(a, b) {
this.v.rootWrapper.removeChildren();
if (a == null) {
return;
}
LegendItemHelper.c(this.v, 0, 0, 24, 24, b, null, a, null);
}
af() {
this.v.rootWrapper.removeChildren();
}
}
IconView.$t = /*@__PURE__*/ markType(IconView, 'IconView');
return IconView;
})();
/**
* @hidden
*/
export let XIcon = /*@__PURE__*/ (() => {
class XIcon extends Base {
constructor() {
super();
this._view = null;
this.k = 0;
this.l = 0;
this.cv = XIcon.db;
this.cw = XIcon.df;
this.cx = XIcon.dg;
this.y = XIcon.ak;
this.cy = XIcon.db;
this.c6 = XIcon.df;
this.ac = XIcon.ak;
this.c7 = XIcon.dg;
this.cz = XIcon.dc;
this.c0 = XIcon.dd;
this.aa = XIcon.aj;
this.c1 = null;
this.c = null;
this.d = null;
this.c2 = null;
this.c3 = null;
this.c4 = null;
this.c5 = null;
this.ay = null;
this.a3 = null;
this.a6 = null;
this.a5 = null;
this.a = null;
this.ct = null;
this.ax = null;
this.n = null;
this.a4 = "ig-icon-" + XIcon.aw++;
this.au = 0;
this.p = false;
this.a2 = null;
this.r = false;
this.q = false;
this.ab = 1;
this.ae = NaN;
this.af = NaN;
this.ag = NaN;
this.ad = NaN;
this.ah = NaN;
this.z = NaN;
this.clicked = null;
this.propertyChanged = null;
let a = new IconView();
a.d = this;
this.view = a;
this.view.am();
}
get view() {
return this._view;
}
set view(a) {
this._view = a;
}
destroy() {
this.provideContainer(null);
}
cl(a, b, c) {
if (this.propertyChanged != null) {
this.propertyChanged(this, new PropertyChangedEventArgs(a));
}
this.co(a, b, c);
}
co(a, b, c) {
switch (a) {
case "Fill":
case "Stroke":
case "StrokeWidth":
case "HoverFill":
case "HoverStroke":
case "HoverStrokeThickness":
case "IsHover":
this.cs();
break;
case "FillColors":
case "StrokeColors":
case "ActualFill":
case "ActualStroke":
case "ActualStrokeWidth":
this.cq();
break;
case "SVG":
this.a6 = null;
this.a = null;
this.cq();
break;
case "SVGPath":
this.a5 = null;
this.a = null;
this.cq();
break;
case "SVGPaths":
this.a5 = null;
this.a6 = null;
this.cq();
break;
case "DataURL":
this.a5 = null;
this.a6 = null;
this.a = null;
this.cq();
break;
case "Source":
this.a5 = null;
this.a6 = null;
this.a = null;
this.cq();
break;
case "DataTemplate":
case "DataTemplateContext":
this.a5 = null;
this.a6 = null;
this.a = null;
this.cq();
break;
case "Opacity":
this.cr();
break;
case "ViewBoxLeft":
case "ViewBoxTop":
case "ViewBoxWidth":
case "ViewBoxHeight":
this.view.a0();
break;
case "Width":
case "Height":
this.view.au();
break;
}
}
cs() {
let a = this.fill != null ? this.fill : XIcon.db;
let b = this.dp != null ? this.dp : XIcon.df;
let c = !isNaN_(this.ao) ? this.ao : XIcon.ak;
let d = this.dq != null ? this.dq : XIcon.dg;
if (this.v) {
this.c8 = this.dh != null ? this.dh : a;
this.c9 = this.di != null ? this.di : b;
this.ai = !isNaN_(this.am) ? this.am : c;
this.da = this.dj != null ? this.dj : d;
}
else {
this.c8 = a;
this.c9 = b;
this.ai = c;
this.da = d;
}
}
get t() {
return this.svgPath != null && !this.view.m;
}
cr() {
NativeUI.y(this.view.z, this.an);
}
cf() {
this.view.af();
}
cq() {
let a = this.view.z;
if (this.t) {
let b = this.view.aa;
NativeUI.r(b, this.c8);
NativeUI.aa(b, this.c9);
NativeUI.ad(b, this.ai);
}
else {
let c = this.j();
if (c != this.k) {
this.k = c;
this.view.ah();
}
let d = false;
if (this.cu != null) {
this.view.ar(this.cu, this.az);
}
else if (this.svgPath != null) {
if (stringStartsWith(trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
this.view.aw(this.svgPath);
d = true;
}
else {
this.view.ax(this.svgPath);
}
}
else if (this.b != null) {
this.view.ay(this.b);
let e = this.view.c;
if (e != null && e.length > 0) {
let f = NativeUI.r;
let g = NativeUI.aa;
this.cn();
f = runOn(this.view, this.view.ap);
g = runOn(this.view, this.view.aq);
for (let h = 0; h < e.length; h++) {
if (this.c8 != null) {
f(e[h], this.c8);
}
if (this.c9 != null) {
g(e[h], this.c9);
}
if (!isNaN_(this.ai)) {
NativeUI.ad(e[h], this.ai);
}
if (this.da != null) {
NativeUI.q(e[h], this.da);
}
if (this.e != null && this.e.count == e.length) {
f(e[h], this.e.item(h));
}
if (this.f != null && this.f.count == e.length) {
g(e[h], this.f.item(h));
}
}
}
if (this.o != null) {
this.view.az(this.o);
}
return;
}
else if (this.svg != null) {
this.view.aw(this.svg);
d = true;
}
else if (this.bg != null) {
this.view.as(this.bg);
}
else if (this.a1 != null) {
this.view.av(this.a1);
}
else {
}
if (d) {
for (let i = 0; i < this.view.r.count; i++) {
let j = this.view.r._inner[i].c;
NativeUI.r(this.view.r._inner[i].d, j.l.f(this.dk));
}
for (let k = 0; k < this.view.s.count; k++) {
let l = this.view.s._inner[k].c;
NativeUI.aa(this.view.s._inner[k].d, l.m.f(this.dl));
}
for (let m = 0; m < this.view.t.count; m++) {
let n = this.view.t._inner[m].c;
NativeUI.r(this.view.t._inner[m].d, n.l.f(this.dm));
}
for (let o = 0; o < this.view.u.count; o++) {
let p = this.view.u._inner[o].c;
NativeUI.aa(this.view.u._inner[o].d, p.m.f(this.dn));
}
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.r(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.aa(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.r(this.view.q._inner[ac].d, ad.l.f(this.c8));
NativeUI.aa(this.view.q._inner[ac].d, ad.m.f(this.c9));
}
}
let ae = this.view.z;
if (this.c8 != null) {
NativeUI.r(ae, this.c8);
}
if (this.c9 != null) {
NativeUI.aa(ae, this.c9);
}
if (!isNaN_(this.ai)) {
NativeUI.ad(ae, this.ai);
}
}
if (this.o != null) {
this.view.az(this.o);
}
if (this.da != null) {
NativeUI.q(this.view.z, this.da);
}
}
cn() {
if (this.c8 != null) {
this.view.ao(this.c8, "fill");
}
if (this.c9 != null) {
this.view.ao(this.c9, "stroke");
}
if (this.e != null) {
for (let a of fromEnum(this.e)) {
this.view.ao(a, "fills");
}
}
if (this.f != null) {
for (let b of fromEnum(this.f)) {
this.view.ao(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.bg != null) {
a = 3;
}
else if (this.a1 != null) {
a = 4;
}
return a;
}
get m() {
return this.l;
}
set m(a) {
let b = this.l;
this.l = a;
if (b != this.l) {
this.cl("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
}
}
get c8() {
return this.cv;
}
set c8(a) {
let b = this.cv;
this.cv = a;
if (b != this.cv) {
this.cl("ActualFill", b, a);
}
}
get c9() {
return this.cw;
}
set c9(a) {
let b = this.cw;
this.cw = a;
if (b != this.cw) {
this.cl("ActualStroke", b, a);
}
}
get da() {
return this.cx;
}
set da(a) {
let b = this.cx;
this.cx = a;
if (b != this.cx) {
this.cl("ActualTextColor", b, a);
}
}
get ai() {
return this.y;
}
set ai(a) {
let b = this.y;
this.y = a;
if (b != this.y) {
this.cl("ActualStrokeWidth", b, a);
}
}
get fill() {
return this.cy;
}
set fill(a) {
let b = this.cy;
this.cy = a;
if (b != this.cy) {
this.cl("Fill", b, a);
}
}
get dp() {
return this.c6;
}
set dp(a) {
let b = this.c6;
this.c6 = a;
if (b != this.c6) {
this.cl("Stroke", b, a);
}
}
get ao() {
return this.ac;
}
set ao(a) {
let b = this.ac;
this.ac = a;
if (b != this.ac) {
this.cl("StrokeWidth", b, a);
}
}
get dq() {
return this.c7;
}
set dq(a) {
let b = this.c7;
this.c7 = a;
if (b != this.c7) {
this.cl("TextColor", b, a);
}
}
get dh() {
return this.cz;
}
set dh(a) {
let b = this.cz;
this.cz = a;
if (b != this.cz) {
this.cl("HoverFill", b, a);
}
}
get di() {
return this.c0;
}
set di(a) {
let b = this.c0;
this.c0 = a;
if (b != this.c0) {
this.cl("HoverStroke", b, a);
}
}
get am() {
return this.aa;
}
set am(a) {
let b = this.aa;
this.aa = a;
if (b != this.aa) {
this.cl("HoverStrokeThickness", b, a);
}
}
get dj() {
return this.c1;
}
set dj(a) {
let b = this.c1;
this.c1 = a;
if (b != this.c1) {
this.cl("HoverTextColor", b, a);
}
}
get e() {
return this.c;
}
set e(a) {
let b = this.c;
this.c = a;
if (b != this.c) {
this.cl("FillColors", b, this.c);
}
}
get f() {
return this.d;
}
set f(a) {
let b = this.d;
this.d = a;
if (b != this.d) {
this.cl("StrokeColors", b, this.d);
}
}
get dk() {
return this.c2;
}
set dk(a) {
let b = this.c2;
this.c2 = a;
if (b != this.c2) {
this.cl("PrimaryFillColor", b, this.c2);
}
}
get dl() {
return this.c3;
}
set dl(a) {
let b = this.c3;
this.c3 = a;
if (b != this.c3) {
this.cl("PrimaryStrokeColor", b, this.c3);
}
}
get dm() {
return this.c4;
}
set dm(a) {
let b = this.c4;
this.c4 = a;
if (b != this.c4) {
this.cl("SecondaryFillColor", b, this.c4);
}
}
get dn() {
return this.c5;
}
set dn(a) {
let b = this.c5;
this.c5 = a;
if (b != this.c5) {
this.cl("SecondaryStrokeColor", b, this.c5);
}
}
get a1() {
return this.ay;
}
set a1(a) {
let b = this.ay;
this.ay = a;
if (b != this.ay) {
this.cl("Source", b, a);
}
}
get bg() {
return this.a3;
}
set bg(a) {
let b = this.a3;
this.a3 = a;
if (b != this.a3) {
this.cl("DataURL", b, a);
}
}
get svgPath() {
return this.a6;
}
set svgPath(a) {
let b = this.a6;
this.a6 = a;
if (b != this.a6) {
this.cl("SVGPath", b, a);
}
}
get svg() {
return this.a5;
}
set svg(a) {
let b = this.a5;
this.a5 = a;
if (b != this.a5) {
this.cl("SVG", b, this.a5);
}
}
get b() {
return this.a;
}
set b(a) {
let b = this.a;
this.a = a;
if (b != this.a) {
this.cl("SVGPaths", b, this.a);
}
}
get cu() {
return this.ct;
}
set cu(a) {
let b = this.ct;
this.ct = a;
if (b != this.ct) {
this.cl("DataTemplate", b, this.ct);
}
}
get az() {
return this.ax;
}
set az(a) {
let b = this.ax;
this.ax = a;
if (b != this.ax) {
this.cl("DataTemplateContext", b, this.ax);
}
}
cj() {
this.v = true;
}
ck() {
this.v = false;
}
get o() {
return this.n;
}
set o(a) {
let b = this.n;
this.n = a;
if (b != this.n) {
this.cl("TextStyle", b, a);
}
}
get bq() {
return this.a4;
}
set bq(a) {
let b = this.a4;
this.a4 = a;
if (b != this.a4) {
this.cl("Id", b, a);
}
}
get s() {
return this.p;
}
get av() {
return this.au;
}
set av(a) {
let b = this.au;
this.au = a;
this.p = true;
if (b != this.au) {
this.cl("TabIndex", b, a);
}
}
get bb() {
return this.a2;
}
set bb(a) {
let b = this.a2;
this.a2 = a;
if (b != this.a2) {
this.cl("AriaLabel", b, a);
}
}
get v() {
return this.r;
}
set v(a) {
let b = this.r;
this.r = a;
if (b != this.r) {
this.cl("IsHover", b, a);
}
}
get disabled() {
return this.q;
}
set disabled(a) {
let b = this.q;
this.q = a;
if (b != this.q) {
this.cl("IsDisabled", b, a);
}
}
get an() {
return this.ab;
}
set an(a) {
let b = this.ab;
this.ab = a;
if (b != this.ab) {
this.cl("Opacity", b, this.ab);
}
}
get aq() {
return this.ae;
}
set aq(a) {
let b = this.ae;
this.ae = a;
if (b != this.ae) {
this.cl("ViewBoxLeft", b, this.ae);
}
}
get ar() {
return this.af;
}
set ar(a) {
let b = this.af;
this.af = a;
if (b != this.af) {
this.cl("ViewBoxTop", b, this.af);
}
}
get as() {
return this.ag;
}
set as(a) {
let b = this.ag;
this.ag = a;
if (b != this.ag) {
this.cl("ViewBoxWidth", b, this.ag);
}
}
get ap() {
return this.ad;
}
set ap(a) {
let b = this.ad;
this.ad = a;
if (b != this.ad) {
this.cl("ViewBoxHeight", b, this.ad);
}
}
get at() {
return this.ah;
}
set at(a) {
let b = this.ah;
this.ah = a;
if (b != this.ah) {
this.cl("Width", b, this.ah);
}
}
get al() {
return this.z;
}
set al(a) {
let b = this.z;
this.z = a;
if (b != this.z) {
this.cl("Height", b, this.z);
}
}
cm() {
}
onDetachedFromUI() {
this.view.al();
}
onAttachedToUI() {
this.view.ai();
}
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();
}
a0() {
return this.g();
}
bi() {
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];
a.f = NativeUI.d(this.view.z);
a.j = NativeUI.k(this.view.z);
a.a = this.view.a();
a.svg = this.svg;
a.svgPath = this.svgPath;
a.k = this.bg;
if (this.o != null) {
let c = this.o;
if (this.view != null && c.q == null) {
let d = this.view.v;
let e = FontUtil.getFontInfoFromString(d, c.fontString);
c.q = e.q;
c.f = e.f;
c.r = e.r;
c.t = e.t;
c.u = e.u;
c.v = e.v;
}
if (c.q != null) {
a.o = c.q;
}
if (!isNaN_(c.f)) {
a.h = c.f;
}
if (c.v != null) {
a.s = c.v;
}
if (c.t != null) {
a.q = c.t;
}
if (c.r != null) {
a.p = c.t;
}
}
return a;
}
provideContainer(a) {
this.view.ak(a);
}
}
XIcon.$t = /*@__PURE__*/ markType(XIcon, 'XIcon', Base.$, [INotifyPropertyChanged_$type, IIcon_$type]);
XIcon.db = null;
XIcon.dg = null;
XIcon.df = null;
XIcon.dc = null;
XIcon.dd = null;
XIcon.de = null;
XIcon.ak = NaN;
XIcon.aj = NaN;
XIcon.aw = 0;
return XIcon;
})();