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

package/esm2022/lib/ButtonGroupView_combined.js

@@ -0,0 +1,1343 @@
+/*
+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, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateCombine, enumGetBox, delegateRemove, fromEn } from "igniteui-webcomponents-core";
+import { List$1 } from "igniteui-webcomponents-core";
+import { XButton } from "./XButton";
+import { ButtonGroupOrientation_$type } from "./ButtonGroupOrientation";
+import { ButtonGroupDisplayStyle_$type } from "./ButtonGroupDisplayStyle";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
+import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
+import { XButtonGroupButtonCollection } from "./XButtonGroupButtonCollection";
+import { ThemeResolver } from "./ThemeResolver";
+import { ButtonDisplayStyle_$type } from "./ButtonDisplayStyle";
+import { CornerRadius } from "igniteui-webcomponents-core";
+import { ButtonGroupSelectionChangedEventArgs } from "./ButtonGroupSelectionChangedEventArgs";
+import { ButtonGroupVisualModelExport } from "./ButtonGroupVisualModelExport";
+import { AppearanceHelper } from "igniteui-webcomponents-core";
+import { ButtonVisualModelExport } from "./ButtonVisualModelExport";
+import { BrushUtil } from "igniteui-webcomponents-core";
+import { Dictionary$2 } from "igniteui-webcomponents-core";
+import { Theme } from "./Theme";
+import { isNaN_ } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+class ButtonGroupView extends Base {
+    static { this.$t = markType(ButtonGroupView, 'ButtonGroupView'); }
+    constructor() {
+        super();
+        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;
+    }
+    v() {
+    }
+    d() {
+        return true;
+    }
+    p(a) {
+    }
+    r(a) {
+    }
+    q() {
+    }
+    get l() {
+        return this.h;
+    }
+    get ab() {
+        return null;
+    }
+    get e() {
+        return true;
+    }
+    t(a) {
+        if (a == null) {
+            for (let b of fromEnum(this.f)) {
+                b();
+            }
+            this.f.clear();
+        }
+        this.g = a;
+        a.rootWrapper.setStyleProperty("position", "relative");
+        let 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", (d) => {
+            let 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();
+    }
+    z(a) {
+        if (this.m != a) {
+            this.m = a;
+            if (this.i != null) {
+                this.i.setAttribute("d", this.m);
+            }
+        }
+    }
+    y() {
+        let 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';
+            }
+        }
+    }
+    n(a) {
+    }
+    w() {
+        if (this.d()) {
+        }
+    }
+    s() {
+        this.c = true;
+    }
+    u() {
+        this.c = false;
+        for (let a of fromEnum(this.f)) {
+            a();
+        }
+        this.f.clear();
+    }
+    aa(a) {
+        if (a != null) {
+            this.g.rootWrapper.setStyleProperty("font", a.fontString);
+        }
+    }
+    x(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";
+        }
+    }
+    o(a) {
+        this.j.append(a);
+    }
+}
+export { ButtonGroupView };
+/**
+ * @hidden
+ */
+class XButtonGroup extends Base {
+    static { this.$t = markType(XButtonGroup, 'XButtonGroup', Base.$, [INotifyPropertyChanged_$type]); }
+    constructor() {
+        super();
+        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;
+        let a = new ButtonGroupView();
+        a.a = this;
+        this.view = a;
+        this.view.v();
+        let b = this.f;
+        b.collectionChanged = delegateCombine(b.collectionChanged, runOn(this, this.c4));
+        let c = this.f;
+        c.collectionResetting = delegateCombine(c.collectionResetting, runOn(this, this.c5));
+    }
+    get i() {
+        return this.h;
+    }
+    set i(a) {
+        let b = this.h;
+        this.h = a;
+        if (b != this.h) {
+            this.db("DisplayType", enumGetBox(ButtonGroupDisplayStyle_$type, b), enumGetBox(ButtonGroupDisplayStyle_$type, a));
+        }
+    }
+    get q() {
+        return this.o;
+    }
+    set q(a) {
+        let b = this.o;
+        this.o = a;
+        if (b != this.o) {
+            this.db("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+        }
+    }
+    c5(a, b) {
+        for (let c of fromEnum(this.buttons)) {
+            c.clicked = delegateRemove(c.clicked, runOn(this, this.c7));
+        }
+        this.dg();
+        this.view.q();
+    }
+    appendContentChild(a) {
+        this.view.o(a);
+    }
+    c4(a, b) {
+        if (b.oldItems != null) {
+            for (let c of fromEn(b.oldItems)) {
+                let d = c;
+                if (d != null) {
+                    d.clicked = delegateRemove(d.clicked, runOn(this, this.c7));
+                }
+                this.view.r(d);
+            }
+        }
+        if (b.newItems != null) {
+            for (let e of fromEn(b.newItems)) {
+                let f = e;
+                if (f != null) {
+                    f.clicked = delegateCombine(f.clicked, runOn(this, this.c7));
+                }
+                this.view.p(f);
+            }
+        }
+        this.dg();
+    }
+    c7(a, b) {
+        let c = a;
+        let d = this.buttons.indexOf(c);
+        this.df(c, d);
+    }
+    get u() {
+        return this.s;
+    }
+    set u(a) {
+        let b = this.s;
+        this.s = a;
+        if (b != this.s) {
+            this.db("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+        }
+    }
+    get t() {
+        return this.r;
+    }
+    set t(a) {
+        let b = this.r;
+        this.r = a;
+        if (b != this.r) {
+            this.db("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+        }
+    }
+    get d() {
+        return this.a;
+    }
+    set d(a) {
+        let b = this.a;
+        this.a = a;
+        if (b != this.a) {
+            this.db("SelectedIndices", b, a);
+        }
+    }
+    df(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());
+        }
+    }
+    c(a, b, c) {
+        let d = new Array(Math.max(0, this.a.length + 1));
+        let e = 0;
+        for (let f = 0; f < this.a.length; f++) {
+            if (this.a[f] != c) {
+                d[e] = this.a[f];
+                e++;
+            }
+        }
+        d[e] = c;
+        return d;
+    }
+    b(a, b, c) {
+        let d = new Array(Math.max(0, this.a.length - 1));
+        let e = 0;
+        for (let f = 0; f < this.a.length; f++) {
+            if (this.a[f] != c) {
+                d[e] = this.a[f];
+                e++;
+            }
+        }
+        return d;
+    }
+    get view() {
+        return this._view;
+    }
+    set view(a) {
+        this._view = a;
+    }
+    destroy() {
+        this.provideContainer(null);
+    }
+    db(a, b, c) {
+        if (this.propertyChanged != null) {
+            this.propertyChanged(this, new PropertyChangedEventArgs(a));
+        }
+        this.dd(a, b, c);
+    }
+    dd(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 (let d = 0; d < this.buttons.count; d++) {
+                    this.buttons._inner[d].s = this.t;
+                }
+                break;
+            case "IsDisabled":
+                for (let e = 0; e < this.buttons.count; e++) {
+                    this.buttons._inner[e].disabled = this.disabled;
+                }
+                break;
+            case "SelectedIndices":
+                if (!this.v) {
+                    this.dg();
+                }
+                break;
+        }
+    }
+    dm(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);
+    }
+    dh() {
+        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;
+        }
+    }
+    dg() {
+        for (let a = 0; a < this.buttons.count; a++) {
+            let 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;
+            }
+        }
+    }
+    ab(a) {
+        let b = this.buttons.indexOf(a);
+        for (let c = 0; c < this.d.length; c++) {
+            if (this.d[c] == b) {
+                return true;
+            }
+        }
+        return false;
+    }
+    dl(a) {
+        a.k6 = new CornerRadius(1, 0, 0, 0, 0);
+    }
+    dk(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);
+        }
+    }
+    dj(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);
+        }
+    }
+    static { this.p = 2; }
+    static { this.aw = 4; }
+    static { this.go = BrushUtil.l(255, 255, 255, 255); }
+    static { this.gq = BrushUtil.l(10, 0, 0, 0); }
+    static { this.gp = BrushUtil.l(255, 199, 199, 199); }
+    static { this.gr = BrushUtil.l(255, 199, 199, 199); }
+    static { this.av = 1; }
+    static { this.gv = BrushUtil.l(255, 0, 0, 0); }
+    static { this.gs = BrushUtil.l(66, 0, 0, 0); }
+    static { this.gw = BrushUtil.l(60, 0, 0, 0); }
+    static { this.gz = BrushUtil.l(255, 0, 0, 0); }
+    static { this.gt = BrushUtil.l(30, 0, 0, 0); }
+    static { this.gu = BrushUtil.l(255, 0, 0, 0); }
+    static { this.gx = BrushUtil.l(96, 0, 0, 0); }
+    static { this.gy = BrushUtil.l(255, 0, 0, 0); }
+    static { this.aq = 3; }
+    static { this.fo = BrushUtil.l(0, 255, 255, 255); }
+    static { this.fq = BrushUtil.l(10, 0, 0, 0); }
+    static { this.fp = BrushUtil.l(255, 33, 150, 243); }
+    static { this.fr = BrushUtil.l(255, 199, 199, 199); }
+    static { this.ap = 1; }
+    static { this.fv = BrushUtil.l(255, 33, 150, 243); }
+    static { this.fs = BrushUtil.l(66, 0, 0, 0); }
+    static { this.fw = BrushUtil.l(255, 33, 150, 243); }
+    static { this.fz = BrushUtil.l(255, 255, 255, 255); }
+    static { this.ft = BrushUtil.l(26, 33, 150, 243); }
+    static { this.fu = BrushUtil.l(255, 33, 150, 243); }
+    static { this.fx = BrushUtil.l(255, 33, 150, 243); }
+    static { this.fy = BrushUtil.l(255, 255, 255, 255); }
+    static { this.au = 4; }
+    static { this.gc = BrushUtil.l(0, 255, 255, 255); }
+    static { this.ge = BrushUtil.l(10, 0, 0, 0); }
+    static { this.gd = BrushUtil.l(0, 0, 0, 0); }
+    static { this.gf = BrushUtil.l(255, 199, 199, 199); }
+    static { this.at = 0; }
+    static { this.gj = BrushUtil.l(255, 228, 28, 119); }
+    static { this.gg = BrushUtil.l(66, 0, 0, 0); }
+    static { this.gk = BrushUtil.l(30, 228, 28, 119); }
+    static { this.gn = BrushUtil.l(255, 228, 28, 119); }
+    static { this.gh = BrushUtil.l(13, 228, 28, 119); }
+    static { this.gi = BrushUtil.l(255, 228, 28, 119); }
+    static { this.gl = BrushUtil.l(30, 228, 28, 119); }
+    static { this.gm = BrushUtil.l(255, 228, 28, 119); }
+    static { this.ao = 0; }
+    static { this.fc = BrushUtil.l(0, 255, 255, 255); }
+    static { this.fe = BrushUtil.l(10, 0, 0, 0); }
+    static { this.fd = BrushUtil.l(0, 0, 0, 0); }
+    static { this.ff = BrushUtil.l(0, 0, 0, 0); }
+    static { this.an = 0; }
+    static { this.fj = BrushUtil.l(255, 119, 119, 119); }
+    static { this.fg = BrushUtil.l(66, 0, 0, 0); }
+    static { this.fk = BrushUtil.l(26, 33, 150, 243); }
+    static { this.fn = BrushUtil.l(255, 33, 150, 243); }
+    static { this.fh = BrushUtil.l(10, 33, 150, 243); }
+    static { this.fi = BrushUtil.l(255, 119, 119, 119); }
+    static { this.fl = BrushUtil.l(26, 33, 150, 243); }
+    static { this.fm = BrushUtil.l(255, 33, 150, 243); }
+    di(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");
+    }
+    get am() {
+        return this.ae;
+    }
+    set am(a) {
+        let b = this.ae;
+        this.ae = a;
+        if (b != this.ae) {
+            this.db("ActualItemCornerRadius", b, a);
+        }
+    }
+    get e0() {
+        return this.dn;
+    }
+    set e0(a) {
+        let b = this.dn;
+        this.dn = a;
+        if (b != this.dn) {
+            this.db("ActualItemBackgroundColor", b, a);
+        }
+    }
+    get e2() {
+        return this.dq;
+    }
+    set e2(a) {
+        let b = this.dq;
+        this.dq = a;
+        if (b != this.dq) {
+            this.db("ActualItemDisabledBackgroundColor", b, a);
+        }
+    }
+    get e7() {
+        return this.dv;
+    }
+    set e7(a) {
+        let b = this.dv;
+        this.dv = a;
+        if (b != this.dv) {
+            this.db("ActualItemTextColor", b, a);
+        }
+    }
+    get e4() {
+        return this.ds;
+    }
+    set e4(a) {
+        let b = this.ds;
+        this.ds = a;
+        if (b != this.ds) {
+            this.db("ActualItemDisabledTextColor", b, a);
+        }
+    }
+    get e1() {
+        return this.dp;
+    }
+    set e1(a) {
+        let b = this.dp;
+        this.dp = a;
+        if (b != this.dp) {
+            this.db("ActualItemBorderColor", b, a);
+        }
+    }
+    get e3() {
+        return this.dr;
+    }
+    set e3(a) {
+        let b = this.dr;
+        this.dr = a;
+        if (b != this.dr) {
+            this.db("ActualItemDisabledBorderColor", b, a);
+        }
+    }
+    get al() {
+        return this.ad;
+    }
+    set al(a) {
+        let b = this.ad;
+        this.ad = a;
+        if (b != this.ad) {
+            this.db("ActualItemBorderWidth", b, a);
+        }
+    }
+    get e8() {
+        return this.dw;
+    }
+    set e8(a) {
+        let b = this.dw;
+        this.dw = a;
+        if (b != this.dw) {
+            this.db("ActualSelectedItemBackgroundColor", b, a);
+        }
+    }
+    get fb() {
+        return this.dz;
+    }
+    set fb(a) {
+        let b = this.dz;
+        this.dz = a;
+        if (b != this.dz) {
+            this.db("ActualSelectedItemTextColor", b, a);
+        }
+    }
+    get e5() {
+        return this.dt;
+    }
+    set e5(a) {
+        let b = this.dt;
+        this.dt = a;
+        if (b != this.dt) {
+            this.db("ActualItemHoverBackgroundColor", b, a);
+        }
+    }
+    get e6() {
+        return this.du;
+    }
+    set e6(a) {
+        let b = this.du;
+        this.du = a;
+        if (b != this.du) {
+            this.db("ActualItemHoverTextColor", b, a);
+        }
+    }
+    get e9() {
+        return this.dx;
+    }
+    set e9(a) {
+        let b = this.dx;
+        this.dx = a;
+        if (b != this.dx) {
+            this.db("ActualSelectedItemHoverBackgroundColor", b, a);
+        }
+    }
+    get fa() {
+        return this.dy;
+    }
+    set fa(a) {
+        let b = this.dy;
+        this.dy = a;
+        if (b != this.dy) {
+            this.db("ActualSelectedItemHoverTextColor", b, a);
+        }
+    }
+    get a2() {
+        return this.ai;
+    }
+    set a2(a) {
+        let b = this.ai;
+        this.ai = a;
+        if (b != this.ai) {
+            this.db("ItemCornerRadius", b, a);
+        }
+    }
+    get ho() {
+        return this.d8;
+    }
+    set ho(a) {
+        let b = this.d8;
+        this.d8 = a;
+        if (b != this.d8) {
+            this.db("ItemBackgroundColor", b, a);
+        }
+    }
+    get hq() {
+        return this.ea;
+    }
+    set hq(a) {
+        let b = this.ea;
+        this.ea = a;
+        if (b != this.ea) {
+            this.db("ItemDisabledBackgroundColor", b, a);
+        }
+    }
+    get hv() {
+        return this.ef;
+    }
+    set hv(a) {
+        let b = this.ef;
+        this.ef = a;
+        if (b != this.ef) {
+            this.db("ItemTextColor", b, a);
+        }
+    }
+    get hs() {
+        return this.ec;
+    }
+    set hs(a) {
+        let b = this.ec;
+        this.ec = a;
+        if (b != this.ec) {
+            this.db("ItemDisabledTextColor", b, a);
+        }
+    }
+    get ht() {
+        return this.ed;
+    }
+    set ht(a) {
+        let b = this.ed;
+        this.ed = a;
+        if (b != this.ed) {
+            this.db("ItemHoverBackgroundColor", b, a);
+        }
+    }
+    get hp() {
+        return this.d9;
+    }
+    set hp(a) {
+        let b = this.d9;
+        this.d9 = a;
+        if (b != this.d9) {
+            this.db("ItemBorderColor", b, a);
+        }
+    }
+    get hr() {
+        return this.eb;
+    }
+    set hr(a) {
+        let b = this.eb;
+        this.eb = a;
+        if (b != this.eb) {
+            this.db("ItemDisabledBorderColor", b, a);
+        }
+    }
+    get a1() {
+        return this.ah;
+    }
+    set a1(a) {
+        let b = this.ah;
+        this.ah = a;
+        if (b != this.ah) {
+            this.db("ItemBorderWidth", b, a);
+        }
+    }
+    get hu() {
+        return this.ee;
+    }
+    set hu(a) {
+        let b = this.ee;
+        this.ee = a;
+        if (b != this.ee) {
+            this.db("ItemHoverTextColor", b, a);
+        }
+    }
+    get h8() {
+        return this.ew;
+    }
+    set h8(a) {
+        let b = this.ew;
+        this.ew = a;
+        if (b != this.ew) {
+            this.db("SelectedItemBackgroundColor", b, a);
+        }
+    }
+    get ib() {
+        return this.ez;
+    }
+    set ib(a) {
+        let b = this.ez;
+        this.ez = a;
+        if (b != this.ez) {
+            this.db("SelectedItemTextColor", b, a);
+        }
+    }
+    get h9() {
+        return this.ex;
+    }
+    set h9(a) {
+        let b = this.ex;
+        this.ex = a;
+        if (b != this.ex) {
+            this.db("SelectedItemHoverBackgroundColor", b, a);
+        }
+    }
+    get ia() {
+        return this.ey;
+    }
+    set ia(a) {
+        let b = this.ey;
+        this.ey = a;
+        if (b != this.ey) {
+            this.db("SelectedItemHoverTextColor", b, a);
+        }
+    }
+    get a4() {
+        return this.ak;
+    }
+    set a4(a) {
+        let b = this.ak;
+        this.ak = a;
+        if (b != this.ak) {
+            this.db("OutlinedItemCornerRadius", b, a);
+        }
+    }
+    get hw() {
+        return this.eg;
+    }
+    set hw(a) {
+        let b = this.eg;
+        this.eg = a;
+        if (b != this.eg) {
+            this.db("OutlinedItemBackgroundColor", b, a);
+        }
+    }
+    get hy() {
+        return this.ei;
+    }
+    set hy(a) {
+        let b = this.ei;
+        this.ei = a;
+        if (b != this.ei) {
+            this.db("OutlinedItemDisabledBackgroundColor", b, a);
+        }
+    }
+    get h3() {
+        return this.en;
+    }
+    set h3(a) {
+        let b = this.en;
+        this.en = a;
+        if (b != this.en) {
+            this.db("OutlinedItemTextColor", b, a);
+        }
+    }
+    get h0() {
+        return this.ek;
+    }
+    set h0(a) {
+        let b = this.ek;
+        this.ek = a;
+        if (b != this.ek) {
+            this.db("OutlinedItemDisabledTextColor", b, a);
+        }
+    }
+    get h1() {
+        return this.el;
+    }
+    set h1(a) {
+        let b = this.el;
+        this.el = a;
+        if (b != this.el) {
+            this.db("OutlinedItemHoverBackgroundColor", b, a);
+        }
+    }
+    get hx() {
+        return this.eh;
+    }
+    set hx(a) {
+        let b = this.eh;
+        this.eh = a;
+        if (b != this.eh) {
+            this.db("OutlinedItemBorderColor", b, a);
+        }
+    }
+    get hz() {
+        return this.ej;
+    }
+    set hz(a) {
+        let b = this.ej;
+        this.ej = a;
+        if (b != this.ej) {
+            this.db("OutlinedItemDisabledBorderColor", b, a);
+        }
+    }
+    get a3() {
+        return this.aj;
+    }
+    set a3(a) {
+        let b = this.aj;
+        this.aj = a;
+        if (b != this.aj) {
+            this.db("OutlinedItemBorderWidth", b, a);
+        }
+    }
+    get h2() {
+        return this.em;
+    }
+    set h2(a) {
+        let b = this.em;
+        this.em = a;
+        if (b != this.em) {
+            this.db("OutlinedItemHoverTextColor", b, a);
+        }
+    }
+    get h4() {
+        return this.es;
+    }
+    set h4(a) {
+        let b = this.es;
+        this.es = a;
+        if (b != this.es) {
+            this.db("OutlinedSelectedItemBackgroundColor", b, a);
+        }
+    }
+    get h7() {
+        return this.ev;
+    }
+    set h7(a) {
+        let b = this.ev;
+        this.ev = a;
+        if (b != this.ev) {
+            this.db("OutlinedSelectedItemTextColor", b, a);
+        }
+    }
+    static { this.cw = "OutlinedSelectedItemHoverBackgroundColor"; }
+    get h5() {
+        return this.et;
+    }
+    set h5(a) {
+        let b = this.et;
+        this.et = a;
+        if (b != this.et) {
+            this.db(XButtonGroup.cw, b, a);
+        }
+    }
+    get h6() {
+        return this.eu;
+    }
+    set h6(a) {
+        let b = this.eu;
+        this.eu = a;
+        if (b != this.eu) {
+            this.db("OutlinedSelectedItemHoverTextColor", b, a);
+        }
+    }
+    get a0() {
+        return this.ag;
+    }
+    set a0(a) {
+        let b = this.ag;
+        this.ag = a;
+        if (b != this.ag) {
+            this.db("FlatItemCornerRadius", b, a);
+        }
+    }
+    get hc() {
+        return this.d0;
+    }
+    set hc(a) {
+        let b = this.d0;
+        this.d0 = a;
+        if (b != this.d0) {
+            this.db("FlatItemBackgroundColor", b, a);
+        }
+    }
+    get he() {
+        return this.d2;
+    }
+    set he(a) {
+        let b = this.d2;
+        this.d2 = a;
+        if (b != this.d2) {
+            this.db("FlatItemDisabledBackgroundColor", b, a);
+        }
+    }
+    get hj() {
+        return this.d7;
+    }
+    set hj(a) {
+        let b = this.d7;
+        this.d7 = a;
+        if (b != this.d7) {
+            this.db("FlatItemTextColor", b, a);
+        }
+    }
+    get hg() {
+        return this.d4;
+    }
+    set hg(a) {
+        let b = this.d4;
+        this.d4 = a;
+        if (b != this.d4) {
+            this.db("FlatItemDisabledTextColor", b, a);
+        }
+    }
+    get hh() {
+        return this.d5;
+    }
+    set hh(a) {
+        let b = this.d5;
+        this.d5 = a;
+        if (b != this.d5) {
+            this.db("FlatItemHoverBackgroundColor", b, a);
+        }
+    }
+    get hd() {
+        return this.d1;
+    }
+    set hd(a) {
+        let b = this.d1;
+        this.d1 = a;
+        if (b != this.d1) {
+            this.db("FlatItemBorderColor", b, a);
+        }
+    }
+    get hf() {
+        return this.d3;
+    }
+    set hf(a) {
+        let b = this.d3;
+        this.d3 = a;
+        if (b != this.d3) {
+            this.db("FlatItemDisabledBorderColor", b, a);
+        }
+    }
+    get az() {
+        return this.af;
+    }
+    set az(a) {
+        let b = this.af;
+        this.af = a;
+        if (b != this.af) {
+            this.db("FlatItemBorderWidth", b, a);
+        }
+    }
+    get hi() {
+        return this.d6;
+    }
+    set hi(a) {
+        let b = this.d6;
+        this.d6 = a;
+        if (b != this.d6) {
+            this.db("FlatItemHoverTextColor", b, a);
+        }
+    }
+    get hk() {
+        return this.eo;
+    }
+    set hk(a) {
+        let b = this.eo;
+        this.eo = a;
+        if (b != this.eo) {
+            this.db("FlatSelectedItemBackgroundColor", b, a);
+        }
+    }
+    get hn() {
+        return this.er;
+    }
+    set hn(a) {
+        let b = this.er;
+        this.er = a;
+        if (b != this.er) {
+            this.db("FlatSelectedItemTextColor", b, a);
+        }
+    }
+    get hl() {
+        return this.ep;
+    }
+    set hl(a) {
+        let b = this.ep;
+        this.ep = a;
+        if (b != this.ep) {
+            this.db("FlatSelectedItemHoverBackgroundColor", b, a);
+        }
+    }
+    get hm() {
+        return this.eq;
+    }
+    set hm(a) {
+        let b = this.eq;
+        this.eq = a;
+        if (b != this.eq) {
+            this.db("FlatSelectedItemHoverTextColor", b, a);
+        }
+    }
+    get k() {
+        return this.j;
+    }
+    set k(a) {
+        let b = this.j;
+        this.j = a;
+        if (b != this.j) {
+            this.db("Orientation", enumGetBox(ButtonGroupOrientation_$type, b), enumGetBox(ButtonGroupOrientation_$type, a));
+        }
+    }
+    static { this.a5 = 0; }
+    get b6() {
+        return this.a7;
+    }
+    set b6(a) {
+        let b = this.a7;
+        this.a7 = a;
+        if (b != this.a7) {
+            this.db("Id", b, a);
+        }
+    }
+    get disabled() {
+        return this.x;
+    }
+    set disabled(a) {
+        let b = this.x;
+        this.x = a;
+        this.w = true;
+        if (b != this.x) {
+            this.db("IsDisabled", b, a);
+        }
+    }
+    get aa() {
+        return this.y;
+    }
+    set aa(a) {
+        let b = this.y;
+        this.y = a;
+        if (b != this.y) {
+            this.db("IsMultiSelect", b, a);
+        }
+    }
+    dc() {
+    }
+    onDetachedFromUI() {
+        this.view.u();
+    }
+    onAttachedToUI() {
+        this.view.s();
+    }
+    ac() {
+        return this.view.d();
+    }
+    a6() {
+        return this.e();
+    }
+    br() {
+        let a = this.e();
+        return a.p();
+    }
+    e() {
+        let a = new ButtonGroupVisualModelExport();
+        a.e = this.q;
+        a.f = this.t;
+        a.a = this.d;
+        a.k = this.am;
+        a.b = AppearanceHelper.a(this.e0);
+        a.d = AppearanceHelper.a(this.e7);
+        a.c = AppearanceHelper.a(this.e1);
+        a.j = this.al;
+        a.g = this.disabled;
+        a.h = this.aa;
+        a.i = new List$1(ButtonVisualModelExport.$, 0);
+        for (let b = 0; b < this.buttons.count; b++) {
+            a.i.add1(this.buttons._inner[b].ec());
+        }
+        return a;
+    }
+    provideContainer(a) {
+        this.view.t(a);
+    }
+    get buttons() {
+        return this.f;
+    }
+    static { this.n = new ThemeResolver(1, ((() => {
+        let $ret = new Dictionary$2(BaseControlTheme_$type, Theme.$, 0);
+        $ret.addItem(2, XButton.i);
+        $ret.addItem(1, XButton.h);
+        $ret.addItem(3, XButton.k);
+        $ret.addItem(4, XButton.j);
+        $ret.addItem(5, XButton.k);
+        $ret.addItem(6, XButton.j);
+        return $ret;
+    })()), 2); }
+}
+export { XButtonGroup };