igniteui-react-inputs
Version:
Ignite UI React input components.
1,466 lines (1,465 loc) • 58.3 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 { __extends, __values } from "tslib";
import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateCombine, enumGetBox, delegateRemove, fromEn } from "igniteui-react-core";
import { List$1 } from "igniteui-react-core";
import { XButton } from "./XButton";
import { ButtonGroupOrientation_$type } from "./ButtonGroupOrientation";
import { ButtonGroupDisplayStyle_$type } from "./ButtonGroupDisplayStyle";
import { BaseControlTheme_$type } from "igniteui-react-core";
import { ControlDisplayDensity_$type } from "igniteui-react-core";
import { XButtonGroupButtonCollection } from "./XButtonGroupButtonCollection";
import { ThemeResolver } from "./ThemeResolver";
import { ButtonDisplayStyle_$type } from "./ButtonDisplayStyle";
import { CornerRadius } from "igniteui-react-core";
import { ButtonGroupSelectionChangedEventArgs } from "./ButtonGroupSelectionChangedEventArgs";
import { ButtonGroupVisualModelExport } from "./ButtonGroupVisualModelExport";
import { AppearanceHelper } from "igniteui-react-core";
import { ButtonVisualModelExport } from "./ButtonVisualModelExport";
import { BrushUtil } from "igniteui-react-core";
import { Dictionary$2 } from "igniteui-react-core";
import { Theme } from "./Theme";
import { isNaN_ } from "igniteui-react-core";
/**
* @hidden
*/
var ButtonGroupView = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(ButtonGroupView, _super);
function ButtonGroupView() {
var _this = _super.call(this) || this;
_this.a = null;
_this.g = null;
_this.b = null;
_this.f = new List$1(Delegate_$type, 0);
_this.m = null;
_this.c = true;
_this.h = null;
_this.i = null;
_this.j = null;
_this.k = null;
return _this;
}
ButtonGroupView.prototype.v = function () {
};
ButtonGroupView.prototype.d = function () {
return true;
};
ButtonGroupView.prototype.p = function (a) {
};
ButtonGroupView.prototype.r = function (a) {
};
ButtonGroupView.prototype.q = function () {
};
Object.defineProperty(ButtonGroupView.prototype, "l", {
get: function () {
return this.h;
},
enumerable: false,
configurable: true
});
Object.defineProperty(ButtonGroupView.prototype, "ab", {
get: function () {
return null;
},
enumerable: false,
configurable: true
});
Object.defineProperty(ButtonGroupView.prototype, "e", {
get: function () {
return true;
},
enumerable: false,
configurable: true
});
ButtonGroupView.prototype.t = function (a) {
var e_1, _a;
var _this = this;
if (a == null) {
try {
for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
var b = _c.value;
b();
}
}
catch (e_1_1) {
e_1 = { error: e_1_1 };
}
finally {
try {
if (_c && !_c.done && (_a = _b.return))
_a.call(_b);
}
finally {
if (e_1)
throw e_1.error;
}
}
this.f.clear();
}
this.g = a;
a.rootWrapper.setStyleProperty("position", "relative");
var c = this.g.createElement("div");
c.addClass("ig-button-content");
c.setStyleProperty("position", "relative");
c.setStyleProperty("display", "flex");
c.setStyleProperty("flex-direction", "row");
c.setStyleProperty("flex-wrap", "no-wrap");
c.setStyleProperty("align-items", "center");
this.j = c;
this.f.add(c.listen("click", runOn(this, this.n)));
this.g.append(c);
this.g.getPortal(c, "ChildContent", function (d) {
var comp_ = d.componentRef;
_this.k = comp_;
if (_this.a.k == 0) {
_this.j.setStyleProperty("flex-direction", "row");
comp_.display = 'flex';
comp_.flexDirection = 'row';
}
else {
_this.j.setStyleProperty("flex-direction", "column");
comp_.display = 'flex';
comp_.flexDirection = 'column';
}
}, true);
this.a.dc();
};
ButtonGroupView.prototype.z = function (a) {
if (this.m != a) {
this.m = a;
if (this.i != null) {
this.i.setAttribute("d", this.m);
}
}
};
ButtonGroupView.prototype.y = function () {
var comp_ = this.k;
if (comp_ != null) {
if (this.a.k == 0) {
this.j.setStyleProperty("flex-direction", "row");
comp_.display = 'flex';
comp_.flexDirection = 'row';
}
else {
this.j.setStyleProperty("flex-direction", "column");
comp_.display = 'flex';
comp_.flexDirection = 'column';
}
}
};
ButtonGroupView.prototype.n = function (a) {
};
ButtonGroupView.prototype.w = function () {
if (this.d()) {
}
};
ButtonGroupView.prototype.s = function () {
this.c = true;
};
ButtonGroupView.prototype.u = function () {
var e_2, _a;
this.c = false;
try {
for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
var a = _c.value;
a();
}
}
catch (e_2_1) {
e_2 = { error: e_2_1 };
}
finally {
try {
if (_c && !_c.done && (_a = _b.return))
_a.call(_b);
}
finally {
if (e_2)
throw e_2.error;
}
}
this.f.clear();
};
ButtonGroupView.prototype.aa = function (a) {
if (a != null) {
this.g.rootWrapper.setStyleProperty("font", a.fontString);
}
};
ButtonGroupView.prototype.x = function (a) {
if (this.a.k == 0) {
a.f1 = "flex";
a.g5 = "row";
a.fc = "center";
}
else {
a.f1 = "flex";
a.g5 = "column";
a.fc = "stretch";
}
};
ButtonGroupView.prototype.o = function (a) {
this.j.append(a);
};
ButtonGroupView.$t = markType(ButtonGroupView, 'ButtonGroupView');
return ButtonGroupView;
}(Base));
export { ButtonGroupView };
/**
* @hidden
*/
var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(XButtonGroup, _super);
function XButtonGroup() {
var _this = _super.call(this) || this;
_this.h = 1;
_this.o = 0;
_this.s = 1;
_this.r = 1;
_this.a = new Array(0);
_this.v = false;
_this._view = null;
_this.ay = XButtonGroup.n.y(XButtonGroup.p, 1, enumGetBox(ButtonDisplayStyle_$type, 2), "CornerRadius").d;
_this.g0 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "BackgroundColor");
_this.g2 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBackgroundColor");
_this.g1 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderColor");
_this.g3 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBorderColor");
_this.ax = XButtonGroup.n.i(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderWidth");
_this.g7 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "TextColor");
_this.g4 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledTextColor");
_this.g8 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedBackgroundColor");
_this.hb = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedTextColor");
_this.g5 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverBackgroundColor");
_this.g6 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverTextColor");
_this.g9 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedBackgroundColor");
_this.ha = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedTextColor");
_this.as = XButtonGroup.n.y(XButtonGroup.p, 1, enumGetBox(ButtonDisplayStyle_$type, 1), "CornerRadius").d;
_this.f0 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "BackgroundColor");
_this.f2 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBackgroundColor");
_this.f1 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderColor");
_this.f3 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBorderColor");
_this.ar = XButtonGroup.n.i(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderWidth");
_this.f7 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "TextColor");
_this.f4 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledTextColor");
_this.f8 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedBackgroundColor");
_this.gb = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedTextColor");
_this.f5 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverBackgroundColor");
_this.f6 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverTextColor");
_this.f9 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedBackgroundColor");
_this.ga = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedTextColor");
_this.ae = ThemeResolver.m(XButtonGroup.p, XButtonGroup.aw, XButtonGroup.aq);
_this.dn = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.go, XButtonGroup.fo);
_this.dq = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gq, XButtonGroup.fq);
_this.dv = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gv, XButtonGroup.fv);
_this.ds = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gs, XButtonGroup.fs);
_this.dp = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gp, XButtonGroup.fp);
_this.dr = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gr, XButtonGroup.fr);
_this.ad = ThemeResolver.m(XButtonGroup.p, XButtonGroup.av, XButtonGroup.ap);
_this.dw = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gw, XButtonGroup.fw);
_this.dz = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gz, XButtonGroup.fz);
_this.dt = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gt, XButtonGroup.ft);
_this.du = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gu, XButtonGroup.fu);
_this.dx = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gx, XButtonGroup.fx);
_this.dy = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gy, XButtonGroup.fy);
_this.ai = NaN;
_this.d8 = null;
_this.ea = null;
_this.ef = null;
_this.ec = null;
_this.ed = null;
_this.d9 = null;
_this.eb = null;
_this.ah = NaN;
_this.ee = null;
_this.ew = null;
_this.ez = null;
_this.ex = null;
_this.ey = null;
_this.ak = NaN;
_this.eg = null;
_this.ei = null;
_this.en = null;
_this.ek = null;
_this.el = null;
_this.eh = null;
_this.ej = null;
_this.aj = NaN;
_this.em = null;
_this.es = null;
_this.ev = null;
_this.et = null;
_this.eu = null;
_this.ag = NaN;
_this.d0 = null;
_this.d2 = null;
_this.d7 = null;
_this.d4 = null;
_this.d5 = null;
_this.d1 = null;
_this.d3 = null;
_this.af = NaN;
_this.d6 = null;
_this.eo = null;
_this.er = null;
_this.ep = null;
_this.eq = null;
_this.j = 0;
_this.a7 = "ig-buttongroup-" + XButtonGroup.a5++;
_this.x = false;
_this.w = false;
_this.y = false;
_this.propertyChanged = null;
_this.f = new XButtonGroupButtonCollection();
_this.selectionChanged = null;
var a = new ButtonGroupView();
a.a = _this;
_this.view = a;
_this.view.v();
var b = _this.f;
b.collectionChanged = delegateCombine(b.collectionChanged, runOn(_this, _this.c4));
var c = _this.f;
c.collectionResetting = delegateCombine(c.collectionResetting, runOn(_this, _this.c5));
return _this;
}
Object.defineProperty(XButtonGroup.prototype, "i", {
get: function () {
return this.h;
},
set: function (a) {
var b = this.h;
this.h = a;
if (b != this.h) {
this.db("DisplayType", enumGetBox(ButtonGroupDisplayStyle_$type, b), enumGetBox(ButtonGroupDisplayStyle_$type, a));
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "q", {
get: function () {
return this.o;
},
set: function (a) {
var b = this.o;
this.o = a;
if (b != this.o) {
this.db("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
}
},
enumerable: false,
configurable: true
});
XButtonGroup.prototype.c5 = function (a, b) {
var e_3, _a;
try {
for (var _b = __values(fromEnum(this.buttons)), _c = _b.next(); !_c.done; _c = _b.next()) {
var c = _c.value;
c.clicked = delegateRemove(c.clicked, runOn(this, this.c7));
}
}
catch (e_3_1) {
e_3 = { error: e_3_1 };
}
finally {
try {
if (_c && !_c.done && (_a = _b.return))
_a.call(_b);
}
finally {
if (e_3)
throw e_3.error;
}
}
this.dg();
this.view.q();
};
XButtonGroup.prototype.appendContentChild = function (a) {
this.view.o(a);
};
XButtonGroup.prototype.c4 = function (a, b) {
var e_4, _a, e_5, _b;
if (b.oldItems != null) {
try {
for (var _c = __values(fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
var c = _d.value;
var d = c;
if (d != null) {
d.clicked = delegateRemove(d.clicked, runOn(this, this.c7));
}
this.view.r(d);
}
}
catch (e_4_1) {
e_4 = { error: e_4_1 };
}
finally {
try {
if (_d && !_d.done && (_a = _c.return))
_a.call(_c);
}
finally {
if (e_4)
throw e_4.error;
}
}
}
if (b.newItems != null) {
try {
for (var _e = __values(fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
var e = _f.value;
var f = e;
if (f != null) {
f.clicked = delegateCombine(f.clicked, runOn(this, this.c7));
}
this.view.p(f);
}
}
catch (e_5_1) {
e_5 = { error: e_5_1 };
}
finally {
try {
if (_f && !_f.done && (_b = _e.return))
_b.call(_e);
}
finally {
if (e_5)
throw e_5.error;
}
}
}
this.dg();
};
XButtonGroup.prototype.c7 = function (a, b) {
var c = a;
var d = this.buttons.indexOf(c);
this.df(c, d);
};
Object.defineProperty(XButtonGroup.prototype, "u", {
get: function () {
return this.s;
},
set: function (a) {
var b = this.s;
this.s = a;
if (b != this.s) {
this.db("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "t", {
get: function () {
return this.r;
},
set: function (a) {
var b = this.r;
this.r = a;
if (b != this.r) {
this.db("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "d", {
get: function () {
return this.a;
},
set: function (a) {
var b = this.a;
this.a = a;
if (b != this.a) {
this.db("SelectedIndices", b, a);
}
},
enumerable: false,
configurable: true
});
XButtonGroup.prototype.df = function (a, b) {
this.v = true;
if (this.ab(a)) {
this.d = this.b(this.d, a, b);
}
else {
if (!this.aa) {
this.d = new Array(0);
}
this.d = this.c(this.d, a, b);
}
this.dg();
this.v = false;
if (this.selectionChanged != null) {
this.selectionChanged(this, new ButtonGroupSelectionChangedEventArgs());
}
};
XButtonGroup.prototype.c = function (a, b, c) {
var d = new Array(Math.max(0, this.a.length + 1));
var e = 0;
for (var f = 0; f < this.a.length; f++) {
if (this.a[f] != c) {
d[e] = this.a[f];
e++;
}
}
d[e] = c;
return d;
};
XButtonGroup.prototype.b = function (a, b, c) {
var d = new Array(Math.max(0, this.a.length - 1));
var e = 0;
for (var f = 0; f < this.a.length; f++) {
if (this.a[f] != c) {
d[e] = this.a[f];
e++;
}
}
return d;
};
Object.defineProperty(XButtonGroup.prototype, "view", {
get: function () {
return this._view;
},
set: function (a) {
this._view = a;
},
enumerable: false,
configurable: true
});
XButtonGroup.prototype.destroy = function () {
this.provideContainer(null);
};
XButtonGroup.prototype.db = function (a, b, c) {
if (this.propertyChanged != null) {
this.propertyChanged(this, new PropertyChangedEventArgs(a));
}
this.dd(a, b, c);
};
XButtonGroup.prototype.dd = function (a, b, c) {
switch (a) {
case "BaseTheme":
this.di(this.q);
this.dh();
break;
case "DisplayType":
case "ItemBorderColor":
case "ItemDisabledBorderColor":
case "ItemBackgroundColor":
case "ItemDisabledBackgroundColor":
case "SelectedItemBackgroundColor":
case "ItemTextColor":
case "ItemDisabledTextColor":
case "SelectedItemTextColor":
case "ItemHoverBackgroundColor":
case "SelectedItemHoverBackgroundColor":
case "ItemHoverTextColor":
case "SelectedItemHoverTextColor":
case "OutlinedItemBorderColor":
case "OutlinedItemDisabledBorderColor":
case "OutlinedItemBackgroundColor":
case "OutlinedItemDisabledBackgroundColor":
case "OutlinedSelectedItemBackgroundColor":
case "OutlinedItemTextColor":
case "OutlinedItemDisabledTextColor":
case "OutlinedSelectedItemTextColor":
case "OutlinedItemHoverBackgroundColor":
case XButtonGroup.cw:
case "OutlinedItemHoverTextColor":
case "OutlinedSelectedItemHoverTextColor":
case "FlatItemBorderColor":
case "FlatItemDisabledBorderColor":
case "FlatItemBackgroundColor":
case "FlatItemDisabledBackgroundColor":
case "FlatSelectedItemBackgroundColor":
case "FlatItemTextColor":
case "FlatItemDisabledTextColor":
case "FlatSelectedItemTextColor":
case "FlatItemHoverBackgroundColor":
case "FlatSelectedItemHoverBackgroundColor":
case "FlatItemHoverTextColor":
case "FlatSelectedItemHoverTextColor":
this.dh();
break;
case "ActualItemBorderColor":
case "ActualItemDisabledBorderColor":
case "ActualItemDisabledBackgroundColor":
case "ActualItemBackgroundColor":
case "ActualItemTextColor":
case "ActualItemDisabledTextColor":
case "ActualSelectedItemTextColor":
case "ActualSelectedItemBackgroundColor":
this.dg();
break;
case "Orientation":
this.view.y();
this.dg();
break;
case "Density":
this.t = this.u == 0 ? 1 : this.u;
break;
case "ActualDensity":
for (var d = 0; d < this.buttons.count; d++) {
this.buttons._inner[d].s = this.t;
}
break;
case "IsDisabled":
for (var e = 0; e < this.buttons.count; e++) {
this.buttons._inner[e].disabled = this.disabled;
}
break;
case "SelectedIndices":
if (!this.v) {
this.dg();
}
break;
}
};
XButtonGroup.prototype.dm = function (a, b) {
return new CornerRadius(1, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.e) ? a.e : b.e, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.b) ? a.b : b.b);
};
XButtonGroup.prototype.dh = function () {
switch (this.i) {
case 1:
this.am = !isNaN_(this.a2) ? this.a2 : this.ay;
this.e0 = this.ho != null ? this.ho : this.g0;
this.e2 = this.hq != null ? this.hq : this.g2;
this.e7 = this.hv != null ? this.hv : this.g7;
this.e4 = this.hs != null ? this.hs : this.g4;
this.e1 = this.hp != null ? this.hp : this.g1;
this.e3 = this.hr != null ? this.hr : this.g3;
this.al = !isNaN_(this.a1) ? this.a1 : this.ax;
this.e8 = this.h8 != null ? this.h8 : this.g8;
this.fb = this.ib != null ? this.ib : this.hb;
this.e5 = this.ht != null ? this.ht : this.g5;
this.e6 = this.hu != null ? this.hu : this.g6;
this.e9 = this.h9 != null ? this.h9 : this.g9;
this.fa = this.ia != null ? this.ia : this.ha;
break;
case 0:
this.am = !isNaN_(this.a2) ? this.a2 : this.as;
this.e0 = this.ho != null ? this.ho : this.f0;
this.e2 = this.hq != null ? this.hq : this.f2;
this.e7 = this.hv != null ? this.hv : this.f7;
this.e4 = this.hs != null ? this.hs : this.f4;
this.e1 = this.hp != null ? this.hp : this.f1;
this.e3 = this.hr != null ? this.hr : this.f3;
this.al = !isNaN_(this.a1) ? this.a1 : this.ar;
this.e8 = this.h8 != null ? this.h8 : this.f8;
this.fb = this.ib != null ? this.ib : this.gb;
this.e5 = this.ht != null ? this.ht : this.f5;
this.e6 = this.hu != null ? this.hu : this.f6;
this.e9 = this.h9 != null ? this.h9 : this.f9;
this.fa = this.ia != null ? this.ia : this.ga;
break;
}
};
XButtonGroup.prototype.dg = function () {
for (var a = 0; a < this.buttons.count; a++) {
var b = this.buttons._inner[a];
b.s = this.t;
if (a == 0) {
this.dj(b);
}
else if (a == this.buttons.count - 1) {
this.dk(b);
}
else {
this.dl(b);
}
b.e = 1;
b.a3 = false;
if (this.w) {
b.disabled = this.disabled;
}
b.n7 = this.e1;
b.bl = this.al;
b.pv = this.e3;
b.pu = this.e2;
b.pw = this.e4;
this.view.x(b);
if (this.ab(b)) {
b.n6 = this.e8;
b.rl = this.fb;
b.ql = this.e9;
b.qm = this.fa;
}
else {
b.n6 = this.e0;
b.rl = this.e7;
b.ql = this.e5;
b.qm = this.e6;
}
}
};
XButtonGroup.prototype.ab = function (a) {
var b = this.buttons.indexOf(a);
for (var c = 0; c < this.d.length; c++) {
if (this.d[c] == b) {
return true;
}
}
return false;
};
XButtonGroup.prototype.dl = function (a) {
a.k6 = new CornerRadius(1, 0, 0, 0, 0);
};
XButtonGroup.prototype.dk = function (a) {
if (this.k == 1) {
a.k6 = new CornerRadius(1, 0, 0, this.am, this.am);
}
else {
a.k6 = new CornerRadius(1, 0, this.am, this.am, 0);
}
};
XButtonGroup.prototype.dj = function (a) {
if (this.k == 1) {
a.k6 = new CornerRadius(1, this.am, this.am, 0, 0);
}
else {
a.k6 = new CornerRadius(1, this.am, 0, 0, this.am);
}
};
XButtonGroup.prototype.di = function (a) {
this.ay = XButtonGroup.n.y(a, this.r, enumGetBox(ButtonDisplayStyle_$type, 2), "CornerRadius").d;
this.g0 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BackgroundColor");
this.g2 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBackgroundColor");
this.g1 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderColor");
this.g3 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBorderColor");
this.ax = XButtonGroup.n.i(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderWidth");
this.g7 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "TextColor");
this.g4 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledTextColor");
this.g8 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedBackgroundColor");
this.hb = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedTextColor");
this.g5 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverBackgroundColor");
this.g6 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverTextColor");
this.g9 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedBackgroundColor");
this.ha = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedTextColor");
this.as = XButtonGroup.n.y(a, this.r, enumGetBox(ButtonDisplayStyle_$type, 1), "CornerRadius").d;
this.f0 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BackgroundColor");
this.f2 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBackgroundColor");
this.f1 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderColor");
this.f3 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBorderColor");
this.ar = XButtonGroup.n.i(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderWidth");
this.f7 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "TextColor");
this.f4 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledTextColor");
this.f8 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedBackgroundColor");
this.gb = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedTextColor");
this.f5 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverBackgroundColor");
this.f6 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverTextColor");
this.f9 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedBackgroundColor");
this.ga = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedTextColor");
};
Object.defineProperty(XButtonGroup.prototype, "am", {
get: function () {
return this.ae;
},
set: function (a) {
var b = this.ae;
this.ae = a;
if (b != this.ae) {
this.db("ActualItemCornerRadius", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e0", {
get: function () {
return this.dn;
},
set: function (a) {
var b = this.dn;
this.dn = a;
if (b != this.dn) {
this.db("ActualItemBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e2", {
get: function () {
return this.dq;
},
set: function (a) {
var b = this.dq;
this.dq = a;
if (b != this.dq) {
this.db("ActualItemDisabledBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e7", {
get: function () {
return this.dv;
},
set: function (a) {
var b = this.dv;
this.dv = a;
if (b != this.dv) {
this.db("ActualItemTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e4", {
get: function () {
return this.ds;
},
set: function (a) {
var b = this.ds;
this.ds = a;
if (b != this.ds) {
this.db("ActualItemDisabledTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e1", {
get: function () {
return this.dp;
},
set: function (a) {
var b = this.dp;
this.dp = a;
if (b != this.dp) {
this.db("ActualItemBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e3", {
get: function () {
return this.dr;
},
set: function (a) {
var b = this.dr;
this.dr = a;
if (b != this.dr) {
this.db("ActualItemDisabledBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "al", {
get: function () {
return this.ad;
},
set: function (a) {
var b = this.ad;
this.ad = a;
if (b != this.ad) {
this.db("ActualItemBorderWidth", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e8", {
get: function () {
return this.dw;
},
set: function (a) {
var b = this.dw;
this.dw = a;
if (b != this.dw) {
this.db("ActualSelectedItemBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "fb", {
get: function () {
return this.dz;
},
set: function (a) {
var b = this.dz;
this.dz = a;
if (b != this.dz) {
this.db("ActualSelectedItemTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e5", {
get: function () {
return this.dt;
},
set: function (a) {
var b = this.dt;
this.dt = a;
if (b != this.dt) {
this.db("ActualItemHoverBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e6", {
get: function () {
return this.du;
},
set: function (a) {
var b = this.du;
this.du = a;
if (b != this.du) {
this.db("ActualItemHoverTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "e9", {
get: function () {
return this.dx;
},
set: function (a) {
var b = this.dx;
this.dx = a;
if (b != this.dx) {
this.db("ActualSelectedItemHoverBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "fa", {
get: function () {
return this.dy;
},
set: function (a) {
var b = this.dy;
this.dy = a;
if (b != this.dy) {
this.db("ActualSelectedItemHoverTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "a2", {
get: function () {
return this.ai;
},
set: function (a) {
var b = this.ai;
this.ai = a;
if (b != this.ai) {
this.db("ItemCornerRadius", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "ho", {
get: function () {
return this.d8;
},
set: function (a) {
var b = this.d8;
this.d8 = a;
if (b != this.d8) {
this.db("ItemBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hq", {
get: function () {
return this.ea;
},
set: function (a) {
var b = this.ea;
this.ea = a;
if (b != this.ea) {
this.db("ItemDisabledBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hv", {
get: function () {
return this.ef;
},
set: function (a) {
var b = this.ef;
this.ef = a;
if (b != this.ef) {
this.db("ItemTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hs", {
get: function () {
return this.ec;
},
set: function (a) {
var b = this.ec;
this.ec = a;
if (b != this.ec) {
this.db("ItemDisabledTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "ht", {
get: function () {
return this.ed;
},
set: function (a) {
var b = this.ed;
this.ed = a;
if (b != this.ed) {
this.db("ItemHoverBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hp", {
get: function () {
return this.d9;
},
set: function (a) {
var b = this.d9;
this.d9 = a;
if (b != this.d9) {
this.db("ItemBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hr", {
get: function () {
return this.eb;
},
set: function (a) {
var b = this.eb;
this.eb = a;
if (b != this.eb) {
this.db("ItemDisabledBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "a1", {
get: function () {
return this.ah;
},
set: function (a) {
var b = this.ah;
this.ah = a;
if (b != this.ah) {
this.db("ItemBorderWidth", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hu", {
get: function () {
return this.ee;
},
set: function (a) {
var b = this.ee;
this.ee = a;
if (b != this.ee) {
this.db("ItemHoverTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h8", {
get: function () {
return this.ew;
},
set: function (a) {
var b = this.ew;
this.ew = a;
if (b != this.ew) {
this.db("SelectedItemBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "ib", {
get: function () {
return this.ez;
},
set: function (a) {
var b = this.ez;
this.ez = a;
if (b != this.ez) {
this.db("SelectedItemTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h9", {
get: function () {
return this.ex;
},
set: function (a) {
var b = this.ex;
this.ex = a;
if (b != this.ex) {
this.db("SelectedItemHoverBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "ia", {
get: function () {
return this.ey;
},
set: function (a) {
var b = this.ey;
this.ey = a;
if (b != this.ey) {
this.db("SelectedItemHoverTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "a4", {
get: function () {
return this.ak;
},
set: function (a) {
var b = this.ak;
this.ak = a;
if (b != this.ak) {
this.db("OutlinedItemCornerRadius", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hw", {
get: function () {
return this.eg;
},
set: function (a) {
var b = this.eg;
this.eg = a;
if (b != this.eg) {
this.db("OutlinedItemBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hy", {
get: function () {
return this.ei;
},
set: function (a) {
var b = this.ei;
this.ei = a;
if (b != this.ei) {
this.db("OutlinedItemDisabledBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h3", {
get: function () {
return this.en;
},
set: function (a) {
var b = this.en;
this.en = a;
if (b != this.en) {
this.db("OutlinedItemTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h0", {
get: function () {
return this.ek;
},
set: function (a) {
var b = this.ek;
this.ek = a;
if (b != this.ek) {
this.db("OutlinedItemDisabledTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h1", {
get: function () {
return this.el;
},
set: function (a) {
var b = this.el;
this.el = a;
if (b != this.el) {
this.db("OutlinedItemHoverBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hx", {
get: function () {
return this.eh;
},
set: function (a) {
var b = this.eh;
this.eh = a;
if (b != this.eh) {
this.db("OutlinedItemBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hz", {
get: function () {
return this.ej;
},
set: function (a) {
var b = this.ej;
this.ej = a;
if (b != this.ej) {
this.db("OutlinedItemDisabledBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "a3", {
get: function () {
return this.aj;
},
set: function (a) {
var b = this.aj;
this.aj = a;
if (b != this.aj) {
this.db("OutlinedItemBorderWidth", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h2", {
get: function () {
return this.em;
},
set: function (a) {
var b = this.em;
this.em = a;
if (b != this.em) {
this.db("OutlinedItemHoverTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h4", {
get: function () {
return this.es;
},
set: function (a) {
var b = this.es;
this.es = a;
if (b != this.es) {
this.db("OutlinedSelectedItemBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h7", {
get: function () {
return this.ev;
},
set: function (a) {
var b = this.ev;
this.ev = a;
if (b != this.ev) {
this.db("OutlinedSelectedItemTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h5", {
get: function () {
return this.et;
},
set: function (a) {
var b = this.et;
this.et = a;
if (b != this.et) {
this.db(XButtonGroup.cw, b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "h6", {
get: function () {
return this.eu;
},
set: function (a) {
var b = this.eu;
this.eu = a;
if (b != this.eu) {
this.db("OutlinedSelectedItemHoverTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "a0", {
get: function () {
return this.ag;
},
set: function (a) {
var b = this.ag;
this.ag = a;
if (b != this.ag) {
this.db("FlatItemCornerRadius", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hc", {
get: function () {
return this.d0;
},
set: function (a) {
var b = this.d0;
this.d0 = a;
if (b != this.d0) {
this.db("FlatItemBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "he", {
get: function () {
return this.d2;
},
set: function (a) {
var b = this.d2;
this.d2 = a;
if (b != this.d2) {
this.db("FlatItemDisabledBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hj", {
get: function () {
return this.d7;
},
set: function (a) {
var b = this.d7;
this.d7 = a;
if (b != this.d7) {
this.db("FlatItemTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hg", {
get: function () {
return this.d4;
},
set: function (a) {
var b = this.d4;
this.d4 = a;
if (b != this.d4) {
this.db("FlatItemDisabledTextColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hh", {
get: function () {
return this.d5;
},
set: function (a) {
var b = this.d5;
this.d5 = a;
if (b != this.d5) {
this.db("FlatItemHoverBackgroundColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hd", {
get: function () {
return this.d1;
},
set: function (a) {
var b = this.d1;
this.d1 = a;
if (b != this.d1) {
this.db("FlatItemBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "hf", {
get: function () {
return this.d3;
},
set: function (a) {
var b = this.d3;
this.d3 = a;
if (b != this.d3) {
this.db("FlatItemDisabledBorderColor", b, a);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(XButtonGroup.prototype, "az", {
get: function () {
return this.af;
},
set: function (a) {
var b = this.af;
this.af = a;
if (b != this.af) {
this.db("FlatItemBorderWidth", b, a);
}